

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
  <link rel="dns-prefetch" href="https://github.githubassets.com">
  <link rel="dns-prefetch" href="https://avatars0.githubusercontent.com">
  <link rel="dns-prefetch" href="https://avatars1.githubusercontent.com">
  <link rel="dns-prefetch" href="https://avatars2.githubusercontent.com">
  <link rel="dns-prefetch" href="https://avatars3.githubusercontent.com">
  <link rel="dns-prefetch" href="https://github-cloud.s3.amazonaws.com">
  <link rel="dns-prefetch" href="https://user-images.githubusercontent.com/">



  <link crossorigin="anonymous" media="all" integrity="sha512-Wr5yTs8gD42bv1Ll5KLXr7cXzuVcbKOcuHmifgt/6YlZuluDTyAJnfnYhNYKpgVK1F51ks8Y2QA+XENQoMp/PA==" rel="stylesheet" href="https://github.githubassets.com/assets/frameworks-5abe724ecf200f8d9bbf52e5e4a2d7af.css" />
  
    <link crossorigin="anonymous" media="all" integrity="sha512-/Kdj6P6WRk2SG1AIisQL1y+ZbNnTv1a+pX/4yP0e13VjZ5s+uYXnQOx+NKpXpBPqzyB/JscjxW7D30/a5DneZA==" rel="stylesheet" href="https://github.githubassets.com/assets/github-fca763e8fe96464d921b50088ac40bd7.css" />
    
    
    
    


  <meta name="viewport" content="width=device-width">
  
  <title>fanyoufu (fanyoufu)</title>
    <meta name="description" content="fanyoufu has 79 repositories available. Follow their code on GitHub.">
    <link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
  <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
  <meta property="fb:app_id" content="1401488693436528">

    <meta name="twitter:image:src" content="https://avatars1.githubusercontent.com/u/12369518?s=400&amp;v=4" /><meta name="twitter:site" content="@github" /><meta name="twitter:card" content="summary" /><meta name="twitter:title" content="fanyoufu - Overview" /><meta name="twitter:description" content="fanyoufu has 79 repositories available. Follow their code on GitHub." />
    <meta property="og:image" content="https://avatars1.githubusercontent.com/u/12369518?s=400&amp;v=4" /><meta property="og:site_name" content="GitHub" /><meta property="og:type" content="profile" /><meta property="og:title" content="fanyoufu - Overview" /><meta property="og:url" content="https://github.com/fanyoufu" /><meta property="og:description" content="fanyoufu has 79 repositories available. Follow their code on GitHub." /><meta property="profile:username" content="fanyoufu" />

  <link rel="assets" href="https://github.githubassets.com/">
  <link rel="web-socket" href="wss://live.github.com/_sockets/VjI6NDg4NjM3Mjc3OmQ1YzU4Y2Y3NGUzMDYzOWNhYjQyNTY4MmJkMmY5ZWU4NThhYjc1ZGFlMmJkYjU3MmY4ODhmMDY0YmViOTU0NGI=--2b3bb6aa4921800a068dae94220e0335f4dcda6b">
  <link rel="sudo-modal" href="/sessions/sudo_modal">

    <meta name="request-id" content="4CC0:75A7:70CCB6:BEF8AC:5E40B9C8" data-pjax-transient="true" /><meta name="html-safe-nonce" content="83bb6242b974da237e8ce8c74b8ecf77503941c1" data-pjax-transient="true" /><meta name="visitor-payload" content="eyJyZWZlcnJlciI6bnVsbCwicmVxdWVzdF9pZCI6IjRDQzA6NzVBNzo3MENDQjY6QkVGOEFDOjVFNDBCOUM4IiwidmlzaXRvcl9pZCI6IjY2MTc2ODk4OTMzMTgwMzQ5NTIiLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ==" data-pjax-transient="true" /><meta name="visitor-hmac" content="2777addb27e510263a3f61b166d82adc77f28b11774d61b7fa6200d3512da261" data-pjax-transient="true" />



  <meta name="github-keyboard-shortcuts" content="" data-pjax-transient="true" />

  

  <meta name="selected-link" value="/fanyoufu" data-pjax-transient>

      <meta name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU">
    <meta name="google-site-verification" content="ZzhVyEFwb7w3e0-uOTltm8Jsck2F5StVihD0exw2fsA">
    <meta name="google-site-verification" content="GXs5KoUUkNCoaAZn7wPN-t01Pywp9M3sEjnt_3_ZWPc">

  <meta name="octolytics-host" content="collector.githubapp.com" /><meta name="octolytics-app-id" content="github" /><meta name="octolytics-event-url" content="https://collector.githubapp.com/github-external/browser_event" /><meta name="octolytics-dimension-ga_id" content="" class="js-octo-ga-id" /><meta name="octolytics-actor-id" content="12369518" /><meta name="octolytics-actor-login" content="fanyoufu" /><meta name="octolytics-actor-hash" content="5732996230e5d553da203e012214d2547b0b1c8643f233ac9c0691bcdde1ffa5" />
<meta name="analytics-location" content="/&lt;user-name&gt;" data-pjax-transient="true" />



    <meta name="google-analytics" content="UA-3769691-2">

  <meta class="js-ga-set" name="userId" content="efff7a7e782ce0191d99db7e7222a1ed">

<meta class="js-ga-set" name="dimension1" content="Logged In">



  

      <meta name="hostname" content="github.com">
    <meta name="user-login" content="fanyoufu">

      <meta name="expected-hostname" content="github.com">

      <meta name="js-proxy-site-detection-payload" content="NzJjYTdmYzViYWNkYWQ3NjhiNDYyNWEwYmVjMDRlMGMxODQxMjZhMjg3YjA2NjM3YTI0NjYzMzMyZmZhNzFkNnx7InJlbW90ZV9hZGRyZXNzIjoiMTcxLjExMi4yMjcuMTY3IiwicmVxdWVzdF9pZCI6IjRDQzA6NzVBNzo3MENDQjY6QkVGOEFDOjVFNDBCOUM4IiwidGltZXN0YW1wIjoxNTgxMzAwMTg5LCJob3N0IjoiZ2l0aHViLmNvbSJ9">

    <meta name="enabled-features" content="MARKETPLACE_FEATURED_BLOG_POSTS,MARKETPLACE_INVOICED_BILLING,MARKETPLACE_SOCIAL_PROOF_CUSTOMERS,MARKETPLACE_TRENDING_SOCIAL_PROOF,MARKETPLACE_RECOMMENDATIONS,MARKETPLACE_PENDING_INSTALLATIONS,RELATED_ISSUES,GHE_CLOUD_TRIAL">

  <meta http-equiv="x-pjax-version" content="b17960970b028808c8ac7ea6192039f9">
  




  <meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats">

  <meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors">

  <link rel="mask-icon" href="https://github.githubassets.com/pinned-octocat.svg" color="#000000">
  <link rel="icon" type="image/x-icon" class="js-site-favicon" href="https://github.githubassets.com/favicon.ico">

<meta name="theme-color" content="#1e2327">


  <link rel="manifest" href="/manifest.json" crossOrigin="use-credentials">

  </head>

  <body class="logged-in env-production page-responsive page-profile mine">
    

  <div class="position-relative js-header-wrapper ">
    <a href="#start-of-content" tabindex="1" class="p-3 bg-blue text-white show-on-focus js-skip-to-content">Skip to content</a>
    <span class="Progress progress-pjax-loader position-fixed width-full js-pjax-loader-bar">
      <span class="progress-pjax-loader-bar top-0 left-0" style="width: 0%;"></span>
    </span>

    
    



          <header class="Header js-details-container Details flex-wrap flex-lg-nowrap p-responsive" role="banner">

    <div class="Header-item d-none d-lg-flex">
      <a class="Header-link" href="https://github.com/" data-hotkey="g d" aria-label="Homepage" data-ga-click="Header, go to dashboard, icon:logo">
  <svg class="octicon octicon-mark-github v-align-middle" height="32" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
</a>

    </div>

    <div class="Header-item d-lg-none">
      <button class="Header-link btn-link js-details-target" type="button" aria-label="Toggle navigation" aria-expanded="false">
        <svg height="24" class="octicon octicon-three-bars" viewBox="0 0 12 16" version="1.1" width="18" aria-hidden="true"><path fill-rule="evenodd" d="M11.41 9H.59C0 9 0 8.59 0 8c0-.59 0-1 .59-1H11.4c.59 0 .59.41.59 1 0 .59 0 1-.59 1h.01zm0-4H.59C0 5 0 4.59 0 4c0-.59 0-1 .59-1H11.4c.59 0 .59.41.59 1 0 .59 0 1-.59 1h.01zM.59 11H11.4c.59 0 .59.41.59 1 0 .59 0 1-.59 1H.59C0 13 0 12.59 0 12c0-.59 0-1 .59-1z"/></svg>
      </button>
    </div>

    <div class="Header-item Header-item--full flex-column flex-lg-row width-full flex-order-2 flex-lg-order-none mr-0 mr-lg-3 mt-3 mt-lg-0 Details-content--hidden">
        <div class="header-search flex-self-stretch flex-lg-self-auto mr-0 mr-lg-3 mb-3 mb-lg-0 scoped-search site-scoped-search js-site-search position-relative js-jump-to"
  role="combobox"
  aria-owns="jump-to-results"
  aria-label="Search or jump to"
  aria-haspopup="listbox"
  aria-expanded="false"
>
  <div class="position-relative">
    <!-- '"` --><!-- </textarea></xmp> --></option></form><form class="js-site-search-form" role="search" aria-label="Site" data-scope-type="User" data-scope-id="12369518" data-scoped-search-url="/search?user=fanyoufu" data-unscoped-search-url="/search" action="/search?user=fanyoufu" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" />
      <label class="form-control input-sm header-search-wrapper p-0 header-search-wrapper-jump-to position-relative d-flex flex-justify-between flex-items-center js-chromeless-input-container">
        <input type="text"
          class="form-control input-sm header-search-input jump-to-field js-jump-to-field js-site-search-focus js-site-search-field is-clearable"
          data-hotkey="s,/"
          name="q"
          value=""
          placeholder="Search or jump to…"
          data-unscoped-placeholder="Search or jump to…"
          data-scoped-placeholder="Search or jump to…"
          autocapitalize="off"
          aria-autocomplete="list"
          aria-controls="jump-to-results"
          aria-label="Search or jump to…"
          data-jump-to-suggestions-path="/_graphql/GetSuggestedNavigationDestinations"
          spellcheck="false"
          autocomplete="off"
          >
            <input type="hidden" value="i1s86hi/jsmqtTDxH3A6JMaZ3+JAsTDVMP9R6qpd99LMZKotrCWtbZBI/Wg4WX4wibOz1olHDd489b/2qciJww==" data-csrf="true" class="js-data-jump-to-suggestions-path-csrf" />
          <input type="hidden" class="js-site-search-type-field" name="type" >
            <img src="https://github.githubassets.com/images/search-key-slash.svg" alt="" class="mr-2 header-search-key-slash">

            <div class="Box position-absolute overflow-hidden d-none jump-to-suggestions js-jump-to-suggestions-container">
              
<ul class="d-none js-jump-to-suggestions-template-container">
  

<li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-suggestion" role="option">
  <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="">
    <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none">
      <svg height="16" width="16" class="octicon octicon-repo flex-shrink-0 js-jump-to-octicon-repo d-none" title="Repository" aria-label="Repository" viewBox="0 0 12 16" version="1.1" role="img"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
      <svg height="16" width="16" class="octicon octicon-project flex-shrink-0 js-jump-to-octicon-project d-none" title="Project" aria-label="Project" viewBox="0 0 15 16" version="1.1" role="img"><path fill-rule="evenodd" d="M10 12h3V2h-3v10zm-4-2h3V2H6v8zm-4 4h3V2H2v12zm-1 1h13V1H1v14zM14 0H1a1 1 0 00-1 1v14a1 1 0 001 1h13a1 1 0 001-1V1a1 1 0 00-1-1z"/></svg>
      <svg height="16" width="16" class="octicon octicon-search flex-shrink-0 js-jump-to-octicon-search d-none" title="Search" aria-label="Search" viewBox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M15.7 13.3l-3.81-3.83A5.93 5.93 0 0013 6c0-3.31-2.69-6-6-6S1 2.69 1 6s2.69 6 6 6c1.3 0 2.48-.41 3.47-1.11l3.83 3.81c.19.2.45.3.7.3.25 0 .52-.09.7-.3a.996.996 0 000-1.41v.01zM7 10.7c-2.59 0-4.7-2.11-4.7-4.7 0-2.59 2.11-4.7 4.7-4.7 2.59 0 4.7 2.11 4.7 4.7 0 2.59-2.11 4.7-4.7 4.7z"/></svg>
    </div>

    <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="" width="28" height="28">

    <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target">
    </div>

    <div class="border rounded-1 flex-shrink-0 bg-gray px-1 text-gray-light ml-1 f6 d-none js-jump-to-badge-search">
      <span class="js-jump-to-badge-search-text-default d-none" aria-label="in this user">
        In this user
      </span>
      <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub">
        All GitHub
      </span>
      <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span>
    </div>

    <div aria-hidden="true" class="border rounded-1 flex-shrink-0 bg-gray px-1 text-gray-light ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump">
      Jump to
      <span class="d-inline-block ml-1 v-align-middle">↵</span>
    </div>
  </a>
</li>

</ul>

<ul class="d-none js-jump-to-no-results-template-container">
  <li class="d-flex flex-justify-center flex-items-center f5 d-none js-jump-to-suggestion p-2">
    <span class="text-gray">No suggested jump to results</span>
  </li>
</ul>

<ul id="jump-to-results" role="listbox" class="p-0 m-0 js-navigation-container jump-to-suggestions-results-container js-jump-to-suggestions-results-container">
  

<li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-scoped-search d-none" role="option">
  <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="">
    <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none">
      <svg height="16" width="16" class="octicon octicon-repo flex-shrink-0 js-jump-to-octicon-repo d-none" title="Repository" aria-label="Repository" viewBox="0 0 12 16" version="1.1" role="img"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
      <svg height="16" width="16" class="octicon octicon-project flex-shrink-0 js-jump-to-octicon-project d-none" title="Project" aria-label="Project" viewBox="0 0 15 16" version="1.1" role="img"><path fill-rule="evenodd" d="M10 12h3V2h-3v10zm-4-2h3V2H6v8zm-4 4h3V2H2v12zm-1 1h13V1H1v14zM14 0H1a1 1 0 00-1 1v14a1 1 0 001 1h13a1 1 0 001-1V1a1 1 0 00-1-1z"/></svg>
      <svg height="16" width="16" class="octicon octicon-search flex-shrink-0 js-jump-to-octicon-search d-none" title="Search" aria-label="Search" viewBox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M15.7 13.3l-3.81-3.83A5.93 5.93 0 0013 6c0-3.31-2.69-6-6-6S1 2.69 1 6s2.69 6 6 6c1.3 0 2.48-.41 3.47-1.11l3.83 3.81c.19.2.45.3.7.3.25 0 .52-.09.7-.3a.996.996 0 000-1.41v.01zM7 10.7c-2.59 0-4.7-2.11-4.7-4.7 0-2.59 2.11-4.7 4.7-4.7 2.59 0 4.7 2.11 4.7 4.7 0 2.59-2.11 4.7-4.7 4.7z"/></svg>
    </div>

    <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="" width="28" height="28">

    <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target">
    </div>

    <div class="border rounded-1 flex-shrink-0 bg-gray px-1 text-gray-light ml-1 f6 d-none js-jump-to-badge-search">
      <span class="js-jump-to-badge-search-text-default d-none" aria-label="in this user">
        In this user
      </span>
      <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub">
        All GitHub
      </span>
      <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span>
    </div>

    <div aria-hidden="true" class="border rounded-1 flex-shrink-0 bg-gray px-1 text-gray-light ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump">
      Jump to
      <span class="d-inline-block ml-1 v-align-middle">↵</span>
    </div>
  </a>
</li>

  

<li class="d-flex flex-justify-start flex-items-center p-0 f5 navigation-item js-navigation-item js-jump-to-global-search d-none" role="option">
  <a tabindex="-1" class="no-underline d-flex flex-auto flex-items-center jump-to-suggestions-path js-jump-to-suggestion-path js-navigation-open p-2" href="">
    <div class="jump-to-octicon js-jump-to-octicon flex-shrink-0 mr-2 text-center d-none">
      <svg height="16" width="16" class="octicon octicon-repo flex-shrink-0 js-jump-to-octicon-repo d-none" title="Repository" aria-label="Repository" viewBox="0 0 12 16" version="1.1" role="img"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
      <svg height="16" width="16" class="octicon octicon-project flex-shrink-0 js-jump-to-octicon-project d-none" title="Project" aria-label="Project" viewBox="0 0 15 16" version="1.1" role="img"><path fill-rule="evenodd" d="M10 12h3V2h-3v10zm-4-2h3V2H6v8zm-4 4h3V2H2v12zm-1 1h13V1H1v14zM14 0H1a1 1 0 00-1 1v14a1 1 0 001 1h13a1 1 0 001-1V1a1 1 0 00-1-1z"/></svg>
      <svg height="16" width="16" class="octicon octicon-search flex-shrink-0 js-jump-to-octicon-search d-none" title="Search" aria-label="Search" viewBox="0 0 16 16" version="1.1" role="img"><path fill-rule="evenodd" d="M15.7 13.3l-3.81-3.83A5.93 5.93 0 0013 6c0-3.31-2.69-6-6-6S1 2.69 1 6s2.69 6 6 6c1.3 0 2.48-.41 3.47-1.11l3.83 3.81c.19.2.45.3.7.3.25 0 .52-.09.7-.3a.996.996 0 000-1.41v.01zM7 10.7c-2.59 0-4.7-2.11-4.7-4.7 0-2.59 2.11-4.7 4.7-4.7 2.59 0 4.7 2.11 4.7 4.7 0 2.59-2.11 4.7-4.7 4.7z"/></svg>
    </div>

    <img class="avatar mr-2 flex-shrink-0 js-jump-to-suggestion-avatar d-none" alt="" aria-label="Team" src="" width="28" height="28">

    <div class="jump-to-suggestion-name js-jump-to-suggestion-name flex-auto overflow-hidden text-left no-wrap css-truncate css-truncate-target">
    </div>

    <div class="border rounded-1 flex-shrink-0 bg-gray px-1 text-gray-light ml-1 f6 d-none js-jump-to-badge-search">
      <span class="js-jump-to-badge-search-text-default d-none" aria-label="in this user">
        In this user
      </span>
      <span class="js-jump-to-badge-search-text-global d-none" aria-label="in all of GitHub">
        All GitHub
      </span>
      <span aria-hidden="true" class="d-inline-block ml-1 v-align-middle">↵</span>
    </div>

    <div aria-hidden="true" class="border rounded-1 flex-shrink-0 bg-gray px-1 text-gray-light ml-1 f6 d-none d-on-nav-focus js-jump-to-badge-jump">
      Jump to
      <span class="d-inline-block ml-1 v-align-middle">↵</span>
    </div>
  </a>
</li>


    <li class="d-flex flex-justify-center flex-items-center p-0 f5 js-jump-to-suggestion">
      <img src="https://github.githubassets.com/images/spinners/octocat-spinner-128.gif" alt="Octocat Spinner Icon" class="m-2" width="28">
    </li>
</ul>

            </div>
      </label>
</form>  </div>
</div>


      <nav class="d-flex flex-column flex-lg-row flex-self-stretch flex-lg-self-auto" aria-label="Global">
    <a class="Header-link d-block d-lg-none py-2 py-lg-0 border-top border-lg-top-0 border-white-fade-15" data-ga-click="Header, click, Nav menu - item:dashboard:user" aria-label="Dashboard" href="/dashboard">
      Dashboard
</a>

  <a class="js-selected-navigation-item Header-link  mr-0 mr-lg-3 py-2 py-lg-0 border-top border-lg-top-0 border-white-fade-15" data-hotkey="g p" data-ga-click="Header, click, Nav menu - item:pulls context:user" aria-label="Pull requests you created" data-selected-links="/pulls /pulls/assigned /pulls/mentioned /pulls" href="/pulls">
    Pull requests
</a>
  <a class="js-selected-navigation-item Header-link  mr-0 mr-lg-3 py-2 py-lg-0 border-top border-lg-top-0 border-white-fade-15" data-hotkey="g i" data-ga-click="Header, click, Nav menu - item:issues context:user" aria-label="Issues you created" data-selected-links="/issues /issues/assigned /issues/mentioned /issues" href="/issues">
    Issues
</a>
    <div class="mr-0 mr-lg-3 py-2 py-lg-0 border-top border-lg-top-0 border-white-fade-15">
      <a class="js-selected-navigation-item Header-link" data-ga-click="Header, click, Nav menu - item:marketplace context:user" data-octo-click="marketplace_click" data-octo-dimensions="location:nav_bar" data-selected-links=" /marketplace" href="/marketplace">
        Marketplace
</a>      

    </div>

  <a class="js-selected-navigation-item Header-link  mr-0 mr-lg-3 py-2 py-lg-0 border-top border-lg-top-0 border-white-fade-15" data-ga-click="Header, click, Nav menu - item:explore" data-selected-links="/explore /trending /trending/developers /integrations /integrations/feature/code /integrations/feature/collaborate /integrations/feature/ship showcases showcases_search showcases_landing /explore" href="/explore">
    Explore
</a>


    <a class="Header-link d-block d-lg-none mr-0 mr-lg-3 py-2 py-lg-0 border-top border-lg-top-0 border-white-fade-15" href="https://github.com/fanyoufu">
      <img class="avatar" height="20" width="20" alt="@fanyoufu" src="https://avatars1.githubusercontent.com/u/12369518?s=60&amp;v=4" />
      fanyoufu
</a>
    <!-- '"` --><!-- </textarea></xmp> --></option></form><form action="/logout" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="authenticity_token" value="0WCGBxJnzRZiRZdRPkaGtHmoNRRtbZN1M8MJJYoaiAVxunQ2oUJSfvJL0u2WJmOYndK2IbiySFcfACMNbVxs+g==" />
      <button type="submit" class="Header-link mr-0 mr-lg-3 py-2 py-lg-0 border-top border-lg-top-0 border-white-fade-15 d-lg-none btn-link d-block width-full text-left" data-ga-click="Header, sign out, icon:logout" style="padding-left: 2px;">
        <svg class="octicon octicon-sign-out v-align-middle" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9V7H8V5h4V3l4 3-4 3zm-2 3H6V3L2 1h8v3h1V1c0-.55-.45-1-1-1H1C.45 0 0 .45 0 1v11.38c0 .39.22.73.55.91L6 16.01V13h4c.55 0 1-.45 1-1V8h-1v4z"/></svg>
        Sign out
      </button>
</form></nav>

    </div>

    <div class="Header-item Header-item--full flex-justify-center d-lg-none position-relative">
      <a class="Header-link" href="https://github.com/" data-hotkey="g d" aria-label="Homepage" data-ga-click="Header, go to dashboard, icon:logo">
  <svg class="octicon octicon-mark-github v-align-middle" height="32" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
</a>

    </div>

    <div class="Header-item mr-0 mr-lg-3 flex-order-1 flex-lg-order-none">
      

    <a aria-label="You have unread notifications" class="Header-link notification-indicator position-relative tooltipped tooltipped-sw js-socket-channel js-notification-indicator" data-hotkey="g n" data-ga-click="Header, go to notifications, icon:unread" data-channel="notification-changed:12369518" href="/notifications">
        <span class="js-indicator-modifier mail-status unread"></span>
        <svg class="octicon octicon-bell" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 12v1H0v-1l.73-.58c.77-.77.81-2.55 1.19-4.42C2.69 3.23 6 2 6 2c0-.55.45-1 1-1s1 .45 1 1c0 0 3.39 1.23 4.16 5 .38 1.88.42 3.66 1.19 4.42l.66.58H14zm-7 4c1.11 0 2-.89 2-2H5c0 1.11.89 2 2 2z"/></svg>
</a>
    </div>


    <div class="Header-item position-relative d-none d-lg-flex">
      <details class="details-overlay details-reset">
  <summary class="Header-link"
      aria-label="Create new…"
      data-ga-click="Header, create new, icon:add">
    <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"/></svg> <span class="dropdown-caret"></span>
  </summary>
  <details-menu class="dropdown-menu dropdown-menu-sw">
    
<a role="menuitem" class="dropdown-item" href="/new" data-ga-click="Header, create new repository">
  New repository
</a>

  <a role="menuitem" class="dropdown-item" href="/new/import" data-ga-click="Header, import a repository">
    Import repository
  </a>

<a role="menuitem" class="dropdown-item" href="https://gist.github.com/" data-ga-click="Header, create new gist">
  New gist
</a>

  <a role="menuitem" class="dropdown-item" href="/organizations/new" data-ga-click="Header, create new organization">
    New organization
  </a>



  <a role="menuitem" class="dropdown-item" href="/new/project" data-ga-click="Header, create new project">
    New project
  </a>

  </details-menu>
</details>

    </div>

    <div class="Header-item position-relative mr-0 d-none d-lg-flex">
      
  <details class="details-overlay details-reset js-feature-preview-indicator-container" data-feature-preview-indicator-src="/users/fanyoufu/feature_preview/indicator_check.json">

  <summary class="Header-link"
    aria-label="View profile and more"
    data-ga-click="Header, show menu, icon:avatar">
    <img alt="@fanyoufu" class="avatar" src="https://avatars2.githubusercontent.com/u/12369518?s=40&amp;v=4" height="20" width="20">
      <span class="feature-preview-indicator js-feature-preview-indicator" hidden></span>
    <span class="dropdown-caret"></span>
  </summary>
  <details-menu class="dropdown-menu dropdown-menu-sw mt-2" style="width: 180px">
    <div class="header-nav-current-user css-truncate"><a role="menuitem" class="no-underline user-profile-link px-3 pt-2 pb-2 mb-n2 mt-n1 d-block" href="/fanyoufu" data-ga-click="Header, go to profile, text:Signed in as">Signed in as <strong class="css-truncate-target">fanyoufu</strong></a></div>
    <div role="none" class="dropdown-divider"></div>

      <div class="pl-3 pr-3 f6 user-status-container js-user-status-context pb-1" data-url="/users/status?compact=1&amp;link_mentions=0&amp;truncate=1">
        
<div class="js-user-status-container
    user-status-compact rounded-1 px-2 py-1 mt-2
    border
  " data-team-hovercards-enabled>
  <details class="js-user-status-details details-reset details-overlay details-overlay-dark">
    <summary class="btn-link btn-block link-gray no-underline js-toggle-user-status-edit toggle-user-status-edit "
      role="menuitem" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;EDIT_USER_STATUS&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="efb24609e9fb2cf392455b2ee04c1ac68ef586f925481cb17fdf0ea320ee5603">
      <div class="d-flex">
        <div class="f6 lh-condensed user-status-header
          d-inline-block v-align-middle
            user-status-emoji-only-header circle
            pr-2
"
            style="max-width: 29px"
          >
          <div class="user-status-emoji-container flex-shrink-0 mr-1 mt-1 lh-condensed-ultra v-align-bottom" style="">
            <svg class="octicon octicon-smiley" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm4.81 12.81a6.72 6.72 0 01-2.17 1.45c-.83.36-1.72.53-2.64.53-.92 0-1.81-.17-2.64-.53-.81-.34-1.55-.83-2.17-1.45a6.773 6.773 0 01-1.45-2.17A6.59 6.59 0 011.21 8c0-.92.17-1.81.53-2.64.34-.81.83-1.55 1.45-2.17.62-.62 1.36-1.11 2.17-1.45A6.59 6.59 0 018 1.21c.92 0 1.81.17 2.64.53.81.34 1.55.83 2.17 1.45.62.62 1.11 1.36 1.45 2.17.36.83.53 1.72.53 2.64 0 .92-.17 1.81-.53 2.64-.34.81-.83 1.55-1.45 2.17zM4 6.8v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2H5.2C4.53 8 4 7.47 4 6.8zm5 0v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2h-.59C9.53 8 9 7.47 9 6.8zm4 3.2c-.72 1.88-2.91 3-5 3s-4.28-1.13-5-3c-.14-.39.23-1 .66-1h8.59c.41 0 .89.61.75 1z"/></svg>
          </div>
        </div>
        <div class="
          d-inline-block v-align-middle
          
          
           css-truncate css-truncate-target 
           user-status-message-wrapper f6"
           style="line-height: 20px;" >
          <div class="d-inline-block text-gray-dark v-align-text-top text-left">
              <span class="text-gray ml-2">Set status</span>
          </div>
        </div>
      </div>
    </summary>
    <details-dialog class="details-dialog rounded-1 anim-fade-in fast Box Box--overlay" role="dialog" tabindex="-1">
      <!-- '"` --><!-- </textarea></xmp> --></option></form><form class="position-relative flex-auto js-user-status-form" action="/users/status?compact=1&amp;link_mentions=0&amp;truncate=1" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="authenticity_token" value="Jmh2UUuZruB66XikMCqS80gRwo4OF/i2L1nG2P7q+OzjjYGPMhBgfNXFNMTgKsgf25yK3j5Upf6LgbZrJseMYg==" />
        <div class="Box-header bg-gray border-bottom p-3">
          <button class="Box-btn-octicon js-toggle-user-status-edit btn-octicon float-right" type="reset" aria-label="Close dialog" data-close-dialog>
            <svg class="octicon octicon-x" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48L7.48 8z"/></svg>
          </button>
          <h3 class="Box-title f5 text-bold text-gray-dark">Edit status</h3>
        </div>
        <input type="hidden" name="emoji" class="js-user-status-emoji-field" value="">
        <input type="hidden" name="organization_id" class="js-user-status-org-id-field" value="">
        <div class="px-3 py-2 text-gray-dark">
          <div class="js-characters-remaining-container position-relative mt-2">
            <div class="input-group d-table form-group my-0 js-user-status-form-group">
              <span class="input-group-button d-table-cell v-align-middle" style="width: 1%">
                <button type="button" aria-label="Choose an emoji" class="btn-outline btn js-toggle-user-status-emoji-picker btn-open-emoji-picker p-0">
                  <span class="js-user-status-original-emoji" hidden></span>
                  <span class="js-user-status-custom-emoji"></span>
                  <span class="js-user-status-no-emoji-icon" >
                    <svg class="octicon octicon-smiley" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm4.81 12.81a6.72 6.72 0 01-2.17 1.45c-.83.36-1.72.53-2.64.53-.92 0-1.81-.17-2.64-.53-.81-.34-1.55-.83-2.17-1.45a6.773 6.773 0 01-1.45-2.17A6.59 6.59 0 011.21 8c0-.92.17-1.81.53-2.64.34-.81.83-1.55 1.45-2.17.62-.62 1.36-1.11 2.17-1.45A6.59 6.59 0 018 1.21c.92 0 1.81.17 2.64.53.81.34 1.55.83 2.17 1.45.62.62 1.11 1.36 1.45 2.17.36.83.53 1.72.53 2.64 0 .92-.17 1.81-.53 2.64-.34.81-.83 1.55-1.45 2.17zM4 6.8v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2H5.2C4.53 8 4 7.47 4 6.8zm5 0v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2h-.59C9.53 8 9 7.47 9 6.8zm4 3.2c-.72 1.88-2.91 3-5 3s-4.28-1.13-5-3c-.14-.39.23-1 .66-1h8.59c.41 0 .89.61.75 1z"/></svg>
                  </span>
                </button>
              </span>
              <text-expander keys=": @" data-mention-url="/autocomplete/user-suggestions" data-emoji-url="/autocomplete/emoji">
                <input
                  type="text"
                  autocomplete="off"
                  data-no-org-url="/autocomplete/user-suggestions"
                  data-org-url="/suggestions?mention_suggester=1"
                  data-maxlength="80"
                  class="d-table-cell width-full form-control js-user-status-message-field js-characters-remaining-field"
                  placeholder="What's happening?"
                  name="message"
                  value=""
                  aria-label="What is your current status?">
              </text-expander>
              <div class="error">Could not update your status, please try again.</div>
            </div>
            <div style="margin-left: 53px" class="my-1 text-small label-characters-remaining js-characters-remaining" data-suffix="remaining" hidden>
              80 remaining
            </div>
          </div>
          <include-fragment class="js-user-status-emoji-picker" data-url="/users/status/emoji"></include-fragment>
          <div class="overflow-auto ml-n3 mr-n3 px-3 border-bottom" style="max-height: 33vh">
            <div class="user-status-suggestions js-user-status-suggestions collapsed overflow-hidden">
              <h4 class="f6 text-normal my-3">Suggestions:</h4>
              <div class="mx-3 mt-2 clearfix">
                  <div class="float-left col-6">
                      <button type="button" value=":palm_tree:" class="d-flex flex-items-baseline flex-items-stretch lh-condensed f6 btn-link link-gray no-underline js-predefined-user-status mb-1">
                        <div class="emoji-status-width mr-2 v-align-middle js-predefined-user-status-emoji">
                          <g-emoji alias="palm_tree" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f334.png">🌴</g-emoji>
                        </div>
                        <div class="d-flex flex-items-center no-underline js-predefined-user-status-message ws-normal text-left" style="border-left: 1px solid transparent">
                          On vacation
                        </div>
                      </button>
                      <button type="button" value=":face_with_thermometer:" class="d-flex flex-items-baseline flex-items-stretch lh-condensed f6 btn-link link-gray no-underline js-predefined-user-status mb-1">
                        <div class="emoji-status-width mr-2 v-align-middle js-predefined-user-status-emoji">
                          <g-emoji alias="face_with_thermometer" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f912.png">🤒</g-emoji>
                        </div>
                        <div class="d-flex flex-items-center no-underline js-predefined-user-status-message ws-normal text-left" style="border-left: 1px solid transparent">
                          Out sick
                        </div>
                      </button>
                  </div>
                  <div class="float-left col-6">
                      <button type="button" value=":house:" class="d-flex flex-items-baseline flex-items-stretch lh-condensed f6 btn-link link-gray no-underline js-predefined-user-status mb-1">
                        <div class="emoji-status-width mr-2 v-align-middle js-predefined-user-status-emoji">
                          <g-emoji alias="house" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f3e0.png">🏠</g-emoji>
                        </div>
                        <div class="d-flex flex-items-center no-underline js-predefined-user-status-message ws-normal text-left" style="border-left: 1px solid transparent">
                          Working from home
                        </div>
                      </button>
                      <button type="button" value=":dart:" class="d-flex flex-items-baseline flex-items-stretch lh-condensed f6 btn-link link-gray no-underline js-predefined-user-status mb-1">
                        <div class="emoji-status-width mr-2 v-align-middle js-predefined-user-status-emoji">
                          <g-emoji alias="dart" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f3af.png">🎯</g-emoji>
                        </div>
                        <div class="d-flex flex-items-center no-underline js-predefined-user-status-message ws-normal text-left" style="border-left: 1px solid transparent">
                          Focusing
                        </div>
                      </button>
                  </div>
              </div>
            </div>
            <div class="user-status-limited-availability-container">
              <div class="form-checkbox my-0">
                <input type="checkbox" name="limited_availability" value="1" class="js-user-status-limited-availability-checkbox" data-default-message="I may be slow to respond." aria-describedby="limited-availability-help-text-truncate-true-compact-true" id="limited-availability-truncate-true-compact-true">
                <label class="d-block f5 text-gray-dark mb-1" for="limited-availability-truncate-true-compact-true">
                  Busy
                </label>
                <p class="note" id="limited-availability-help-text-truncate-true-compact-true">
                  When others mention you, assign you, or request your review,
                  GitHub will let them know that you have limited availability.
                </p>
              </div>
            </div>
          </div>
          <div class="d-inline-block f5 mr-2 pt-3 pb-2" >
  <div class="d-inline-block mr-1">
    Clear status
  </div>

  <details class="js-user-status-expire-drop-down f6 dropdown details-reset details-overlay d-inline-block mr-2">
    <summary class="f5 btn-link link-gray-dark border px-2 py-1 rounded-1" aria-haspopup="true">
      <div class="js-user-status-expiration-interval-selected d-inline-block v-align-baseline">
        Never
      </div>
      <div class="dropdown-caret"></div>
    </summary>

    <ul class="dropdown-menu dropdown-menu-se pl-0 overflow-auto" style="width: 220px; max-height: 15.5em">
      <li>
        <button type="button" class="btn-link dropdown-item js-user-status-expire-button ws-normal" title="Never">
          <span class="d-inline-block text-bold mb-1">Never</span>
          <div class="f6 lh-condensed">Keep this status until you clear your status or edit your status.</div>
        </button>
      </li>
      <li class="dropdown-divider" role="none"></li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="in 30 minutes" value="2020-02-10T10:33:09+08:00">
            in 30 minutes
          </button>
        </li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="in 1 hour" value="2020-02-10T11:03:09+08:00">
            in 1 hour
          </button>
        </li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="in 4 hours" value="2020-02-10T14:03:09+08:00">
            in 4 hours
          </button>
        </li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="today" value="2020-02-10T23:59:59+08:00">
            today
          </button>
        </li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="this week" value="2020-02-16T23:59:59+08:00">
            this week
          </button>
        </li>
    </ul>
  </details>
  <input class="js-user-status-expiration-date-input" type="hidden" name="expires_at" value="">
</div>

          <include-fragment class="js-user-status-org-picker" data-url="/users/status/organizations"></include-fragment>
        </div>
        <div class="d-flex flex-items-center flex-justify-between p-3 border-top">
          <button type="submit" disabled class="width-full btn btn-primary mr-2 js-user-status-submit">
            Set status
          </button>
          <button type="button" disabled class="width-full js-clear-user-status-button btn ml-2 ">
            Clear status
          </button>
        </div>
</form>    </details-dialog>
  </details>
</div>

      </div>
      <div role="none" class="dropdown-divider"></div>


    <a role="menuitem" class="dropdown-item" href="/fanyoufu" data-ga-click="Header, go to profile, text:your profile">Your profile</a>

    <a role="menuitem" class="dropdown-item" href="/fanyoufu?tab=repositories" data-ga-click="Header, go to repositories, text:your repositories">Your repositories</a>

    <a role="menuitem" class="dropdown-item" href="/fanyoufu?tab=projects" data-ga-click="Header, go to projects, text:your projects">Your projects</a>

    <a role="menuitem" class="dropdown-item" href="/fanyoufu?tab=stars" data-ga-click="Header, go to starred repos, text:your stars">Your stars</a>
      <a role="menuitem" class="dropdown-item" href="https://gist.github.com/mine" data-ga-click="Header, your gists, text:your gists">Your gists</a>





    <div role="none" class="dropdown-divider"></div>
      
<div id="feature-enrollment-toggle" class="hide-sm hide-md feature-preview-details position-relative">
  <button
    type="button"
    class="dropdown-item btn-link"
    role="menuitem"
    data-feature-preview-trigger-url="/users/fanyoufu/feature_previews"
    data-feature-preview-close-details="{&quot;event_type&quot;:&quot;feature_preview.clicks.close_modal&quot;,&quot;payload&quot;:{&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;,&quot;user_id&quot;:12369518}}"
    data-feature-preview-close-hmac="478d0fadaf9ef8284e307a01d71415199ea1b4ea4d6c710792ae8e9d9e5e24e4"
    data-hydro-click="{&quot;event_type&quot;:&quot;feature_preview.clicks.open_modal&quot;,&quot;payload&quot;:{&quot;link_location&quot;:&quot;user_dropdown&quot;,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;,&quot;user_id&quot;:12369518}}"
    data-hydro-click-hmac="27ebc2c7e9185a01adf3d277a5b85d012dcda45fd56eb4518473e7f373769445"
  >
    Feature preview
  </button>
    <span class="feature-preview-indicator js-feature-preview-indicator" hidden></span>
</div>

    <a role="menuitem" class="dropdown-item" href="https://help.github.com" data-ga-click="Header, go to help, text:help">Help</a>
    <a role="menuitem" class="dropdown-item" href="/settings/profile" data-ga-click="Header, go to settings, icon:settings">Settings</a>
    <!-- '"` --><!-- </textarea></xmp> --></option></form><form class="logout-form" action="/logout" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="authenticity_token" value="F4reQw7Pz8u06ULfhsxx3SQ+Uk6HN5uO7LQ7VKE1vnS3UCxyvepQoyTnB2MurJTxwETRe1LoQKzAdxF8RnNaiw==" />
      
      <button type="submit" class="dropdown-item dropdown-signout" data-ga-click="Header, sign out, icon:logout" role="menuitem">
        Sign out
      </button>
      <input type="text" name="required_field_37d3" hidden="hidden" class="form-control" /><input type="hidden" name="timestamp" value="1581300189666" class="form-control" /><input type="hidden" name="timestamp_secret" value="681bc5a55b623f39a88db24400ca112c5f488b8a5d37541810c3c3322f149b48" class="form-control" />
</form>  </details-menu>
</details>

    </div>

  </header>

      

  </div>

  <div id="start-of-content" class="show-on-focus"></div>


    <div id="js-flash-container">

</div>




  <div class="application-main " data-commit-hovercards-enabled>
      <main id="js-pjax-container" data-pjax-container>
        
<div class="container-xl clearfix px-3 mt-4">
    


  <div class="h-card col-lg-3 col-md-4 col-12 float-md-left pr-md-3 pr-xl-6" itemscope itemtype="http://schema.org/Person">

    <div class="user-profile-sticky-bar js-user-profile-sticky-bar">
      <div class="user-profile-mini-vcard d-table">
        <span class="user-profile-mini-avatar d-table-cell v-align-middle lh-condensed-ultra pr-2">
          <img class="rounded-1" height="32" width="32" alt="@fanyoufu" src="https://avatars0.githubusercontent.com/u/12369518?s=88&amp;v=4" />
        </span>
        <span class="d-table-cell v-align-middle lh-condensed js-user-profile-following-mini-toggle">
          <strong>fanyoufu</strong>
          

        </span>
      </div>
    </div>

    <div class="clearfix mb-2">
      <div class="float-left col-3 col-md-12 pr-3 pr-md-0">
          <a class="u-photo d-block tooltipped tooltipped-s" aria-label="Change your avatar" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;EDIT_AVATAR&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="1b9ead688927ec91960b8a1662af02f8ed9b6617dc0604b2839022226b006a01" href="/account"><img alt="" width="260" height="260" class="avatar width-full height-full avatar-before-user-status" src="https://avatars0.githubusercontent.com/u/12369518?s=460&amp;v=4" /></a>

        
  <div class="user-status-container position-relative hide-sm hide-md">
    

    <div class="f5 js-user-status-context" data-url="/users/status?compact=0&amp;link_mentions=1&amp;truncate=0">
      
<div class="js-user-status-container
    border-top-0 rounded-top-0 rounded-bottom-1 p-2
    border
  " data-team-hovercards-enabled>
  <details class="js-user-status-details details-reset details-overlay details-overlay-dark">
    <summary class="btn-link btn-block link-gray no-underline js-toggle-user-status-edit toggle-user-status-edit "
       data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;EDIT_USER_STATUS&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="efb24609e9fb2cf392455b2ee04c1ac68ef586f925481cb17fdf0ea320ee5603">
      <div class="d-flex">
        <div class="f6 lh-condensed user-status-header
          d-inline-flex
            user-status-emoji-only-header circle
            
"
>
          <div class="user-status-emoji-container flex-shrink-0 mr-1 mt-1 " style="">
            <svg class="octicon octicon-smiley" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm4.81 12.81a6.72 6.72 0 01-2.17 1.45c-.83.36-1.72.53-2.64.53-.92 0-1.81-.17-2.64-.53-.81-.34-1.55-.83-2.17-1.45a6.773 6.773 0 01-1.45-2.17A6.59 6.59 0 011.21 8c0-.92.17-1.81.53-2.64.34-.81.83-1.55 1.45-2.17.62-.62 1.36-1.11 2.17-1.45A6.59 6.59 0 018 1.21c.92 0 1.81.17 2.64.53.81.34 1.55.83 2.17 1.45.62.62 1.11 1.36 1.45 2.17.36.83.53 1.72.53 2.64 0 .92-.17 1.81-.53 2.64-.34.81-.83 1.55-1.45 2.17zM4 6.8v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2H5.2C4.53 8 4 7.47 4 6.8zm5 0v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2h-.59C9.53 8 9 7.47 9 6.8zm4 3.2c-.72 1.88-2.91 3-5 3s-4.28-1.13-5-3c-.14-.39.23-1 .66-1h8.59c.41 0 .89.61.75 1z"/></svg>
          </div>
        </div>
        <div class="
          
           pt-1 ws-normal
          
          
           user-status-message-wrapper f6"
          >
          <div class="d-inline-block text-gray-dark">
              <span class="text-gray ml-2">Set status</span>
          </div>
        </div>
      </div>
    </summary>
    <details-dialog class="details-dialog rounded-1 anim-fade-in fast Box Box--overlay" role="dialog" tabindex="-1">
      <!-- '"` --><!-- </textarea></xmp> --></option></form><form class="position-relative flex-auto js-user-status-form" action="/users/status?compact=0&amp;link_mentions=1&amp;truncate=0" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="authenticity_token" value="9/+VPsr3E249gwPPgNoNRSR51d6CvXjTdZUbPqW7Xg8yGmLgs37d8pKvT69Q2lept/SdjrL+JZvRTWuNfZYqgQ==" />
        <div class="Box-header bg-gray border-bottom p-3">
          <button class="Box-btn-octicon js-toggle-user-status-edit btn-octicon float-right" type="reset" aria-label="Close dialog" data-close-dialog>
            <svg class="octicon octicon-x" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48L7.48 8z"/></svg>
          </button>
          <h3 class="Box-title f5 text-bold text-gray-dark">Edit status</h3>
        </div>
        <input type="hidden" name="emoji" class="js-user-status-emoji-field" value="">
        <input type="hidden" name="organization_id" class="js-user-status-org-id-field" value="">
        <div class="px-3 py-2 text-gray-dark">
          <div class="js-characters-remaining-container position-relative mt-2">
            <div class="input-group d-table form-group my-0 js-user-status-form-group">
              <span class="input-group-button d-table-cell v-align-middle" style="width: 1%">
                <button type="button" aria-label="Choose an emoji" class="btn-outline btn js-toggle-user-status-emoji-picker btn-open-emoji-picker p-0">
                  <span class="js-user-status-original-emoji" hidden></span>
                  <span class="js-user-status-custom-emoji"></span>
                  <span class="js-user-status-no-emoji-icon" >
                    <svg class="octicon octicon-smiley" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm4.81 12.81a6.72 6.72 0 01-2.17 1.45c-.83.36-1.72.53-2.64.53-.92 0-1.81-.17-2.64-.53-.81-.34-1.55-.83-2.17-1.45a6.773 6.773 0 01-1.45-2.17A6.59 6.59 0 011.21 8c0-.92.17-1.81.53-2.64.34-.81.83-1.55 1.45-2.17.62-.62 1.36-1.11 2.17-1.45A6.59 6.59 0 018 1.21c.92 0 1.81.17 2.64.53.81.34 1.55.83 2.17 1.45.62.62 1.11 1.36 1.45 2.17.36.83.53 1.72.53 2.64 0 .92-.17 1.81-.53 2.64-.34.81-.83 1.55-1.45 2.17zM4 6.8v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2H5.2C4.53 8 4 7.47 4 6.8zm5 0v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2h-.59C9.53 8 9 7.47 9 6.8zm4 3.2c-.72 1.88-2.91 3-5 3s-4.28-1.13-5-3c-.14-.39.23-1 .66-1h8.59c.41 0 .89.61.75 1z"/></svg>
                  </span>
                </button>
              </span>
              <text-expander keys=": @" data-mention-url="/autocomplete/user-suggestions" data-emoji-url="/autocomplete/emoji">
                <input
                  type="text"
                  autocomplete="off"
                  data-no-org-url="/autocomplete/user-suggestions"
                  data-org-url="/suggestions?mention_suggester=1"
                  data-maxlength="80"
                  class="d-table-cell width-full form-control js-user-status-message-field js-characters-remaining-field"
                  placeholder="What's happening?"
                  name="message"
                  value=""
                  aria-label="What is your current status?">
              </text-expander>
              <div class="error">Could not update your status, please try again.</div>
            </div>
            <div style="margin-left: 53px" class="my-1 text-small label-characters-remaining js-characters-remaining" data-suffix="remaining" hidden>
              80 remaining
            </div>
          </div>
          <include-fragment class="js-user-status-emoji-picker" data-url="/users/status/emoji"></include-fragment>
          <div class="overflow-auto ml-n3 mr-n3 px-3 border-bottom" style="max-height: 33vh">
            <div class="user-status-suggestions js-user-status-suggestions collapsed overflow-hidden">
              <h4 class="f6 text-normal my-3">Suggestions:</h4>
              <div class="mx-3 mt-2 clearfix">
                  <div class="float-left col-6">
                      <button type="button" value=":palm_tree:" class="d-flex flex-items-baseline flex-items-stretch lh-condensed f6 btn-link link-gray no-underline js-predefined-user-status mb-1">
                        <div class="emoji-status-width mr-2 v-align-middle js-predefined-user-status-emoji">
                          <g-emoji alias="palm_tree" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f334.png">🌴</g-emoji>
                        </div>
                        <div class="d-flex flex-items-center no-underline js-predefined-user-status-message ws-normal text-left" style="border-left: 1px solid transparent">
                          On vacation
                        </div>
                      </button>
                      <button type="button" value=":face_with_thermometer:" class="d-flex flex-items-baseline flex-items-stretch lh-condensed f6 btn-link link-gray no-underline js-predefined-user-status mb-1">
                        <div class="emoji-status-width mr-2 v-align-middle js-predefined-user-status-emoji">
                          <g-emoji alias="face_with_thermometer" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f912.png">🤒</g-emoji>
                        </div>
                        <div class="d-flex flex-items-center no-underline js-predefined-user-status-message ws-normal text-left" style="border-left: 1px solid transparent">
                          Out sick
                        </div>
                      </button>
                  </div>
                  <div class="float-left col-6">
                      <button type="button" value=":house:" class="d-flex flex-items-baseline flex-items-stretch lh-condensed f6 btn-link link-gray no-underline js-predefined-user-status mb-1">
                        <div class="emoji-status-width mr-2 v-align-middle js-predefined-user-status-emoji">
                          <g-emoji alias="house" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f3e0.png">🏠</g-emoji>
                        </div>
                        <div class="d-flex flex-items-center no-underline js-predefined-user-status-message ws-normal text-left" style="border-left: 1px solid transparent">
                          Working from home
                        </div>
                      </button>
                      <button type="button" value=":dart:" class="d-flex flex-items-baseline flex-items-stretch lh-condensed f6 btn-link link-gray no-underline js-predefined-user-status mb-1">
                        <div class="emoji-status-width mr-2 v-align-middle js-predefined-user-status-emoji">
                          <g-emoji alias="dart" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f3af.png">🎯</g-emoji>
                        </div>
                        <div class="d-flex flex-items-center no-underline js-predefined-user-status-message ws-normal text-left" style="border-left: 1px solid transparent">
                          Focusing
                        </div>
                      </button>
                  </div>
              </div>
            </div>
            <div class="user-status-limited-availability-container">
              <div class="form-checkbox my-0">
                <input type="checkbox" name="limited_availability" value="1" class="js-user-status-limited-availability-checkbox" data-default-message="I may be slow to respond." aria-describedby="limited-availability-help-text-truncate-false-compact-false" id="limited-availability-truncate-false-compact-false">
                <label class="d-block f5 text-gray-dark mb-1" for="limited-availability-truncate-false-compact-false">
                  Busy
                </label>
                <p class="note" id="limited-availability-help-text-truncate-false-compact-false">
                  When others mention you, assign you, or request your review,
                  GitHub will let them know that you have limited availability.
                </p>
              </div>
            </div>
          </div>
          <div class="d-inline-block f5 mr-2 pt-3 pb-2" >
  <div class="d-inline-block mr-1">
    Clear status
  </div>

  <details class="js-user-status-expire-drop-down f6 dropdown details-reset details-overlay d-inline-block mr-2">
    <summary class="f5 btn-link link-gray-dark border px-2 py-1 rounded-1" aria-haspopup="true">
      <div class="js-user-status-expiration-interval-selected d-inline-block v-align-baseline">
        Never
      </div>
      <div class="dropdown-caret"></div>
    </summary>

    <ul class="dropdown-menu dropdown-menu-se pl-0 overflow-auto" style="width: 220px; max-height: 15.5em">
      <li>
        <button type="button" class="btn-link dropdown-item js-user-status-expire-button ws-normal" title="Never">
          <span class="d-inline-block text-bold mb-1">Never</span>
          <div class="f6 lh-condensed">Keep this status until you clear your status or edit your status.</div>
        </button>
      </li>
      <li class="dropdown-divider" role="none"></li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="in 30 minutes" value="2020-02-10T10:33:09+08:00">
            in 30 minutes
          </button>
        </li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="in 1 hour" value="2020-02-10T11:03:09+08:00">
            in 1 hour
          </button>
        </li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="in 4 hours" value="2020-02-10T14:03:09+08:00">
            in 4 hours
          </button>
        </li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="today" value="2020-02-10T23:59:59+08:00">
            today
          </button>
        </li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="this week" value="2020-02-16T23:59:59+08:00">
            this week
          </button>
        </li>
    </ul>
  </details>
  <input class="js-user-status-expiration-date-input" type="hidden" name="expires_at" value="">
</div>

          <include-fragment class="js-user-status-org-picker" data-url="/users/status/organizations"></include-fragment>
        </div>
        <div class="d-flex flex-items-center flex-justify-between p-3 border-top">
          <button type="submit" disabled class="width-full btn btn-primary mr-2 js-user-status-submit">
            Set status
          </button>
          <button type="button" disabled class="width-full js-clear-user-status-button btn ml-2 ">
            Clear status
          </button>
        </div>
</form>    </details-dialog>
  </details>
</div>

    </div>
  </div>

      </div>
      <div class="float-left col-9 col-md-12 pl-2 pl-md-0">
          
<div class="vcard-names-container pt-1 pt-md-3 pb-1 pb-md-3 js-sticky js-user-profile-sticky-fields">
  <h1 class="vcard-names">
    <span class="p-name vcard-fullname d-block overflow-hidden" itemprop="name">fanyoufu</span>
    <span class="p-nickname vcard-username d-block" itemprop="additionalName">fanyoufu</span>
  </h1>
</div>


  <div class="mb-2 user-status-container d-md-none">
    
<div class="js-user-status-container
    user-status-compact rounded-1 px-2 py-1 mt-2
    border
  " data-team-hovercards-enabled>
  <details class="js-user-status-details details-reset details-overlay details-overlay-dark">
    <summary class="btn-link btn-block link-gray no-underline js-toggle-user-status-edit toggle-user-status-edit "
      role="menuitem" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;EDIT_USER_STATUS&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="efb24609e9fb2cf392455b2ee04c1ac68ef586f925481cb17fdf0ea320ee5603">
      <div class="d-flex">
        <div class="f6 lh-condensed user-status-header
          d-inline-block v-align-middle
            user-status-emoji-only-header circle
            pr-2
"
            style="max-width: 29px"
          >
          <div class="user-status-emoji-container flex-shrink-0 mr-1 mt-1 lh-condensed-ultra v-align-bottom" style="">
            <svg class="octicon octicon-smiley" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm4.81 12.81a6.72 6.72 0 01-2.17 1.45c-.83.36-1.72.53-2.64.53-.92 0-1.81-.17-2.64-.53-.81-.34-1.55-.83-2.17-1.45a6.773 6.773 0 01-1.45-2.17A6.59 6.59 0 011.21 8c0-.92.17-1.81.53-2.64.34-.81.83-1.55 1.45-2.17.62-.62 1.36-1.11 2.17-1.45A6.59 6.59 0 018 1.21c.92 0 1.81.17 2.64.53.81.34 1.55.83 2.17 1.45.62.62 1.11 1.36 1.45 2.17.36.83.53 1.72.53 2.64 0 .92-.17 1.81-.53 2.64-.34.81-.83 1.55-1.45 2.17zM4 6.8v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2H5.2C4.53 8 4 7.47 4 6.8zm5 0v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2h-.59C9.53 8 9 7.47 9 6.8zm4 3.2c-.72 1.88-2.91 3-5 3s-4.28-1.13-5-3c-.14-.39.23-1 .66-1h8.59c.41 0 .89.61.75 1z"/></svg>
          </div>
        </div>
        <div class="
          d-inline-block v-align-middle
          
          
           css-truncate css-truncate-target 
           user-status-message-wrapper f6"
           style="line-height: 20px;" >
          <div class="d-inline-block text-gray-dark v-align-text-top text-left">
              <span class="text-gray ml-2">Set status</span>
          </div>
        </div>
      </div>
    </summary>
    <details-dialog class="details-dialog rounded-1 anim-fade-in fast Box Box--overlay" role="dialog" tabindex="-1">
      <!-- '"` --><!-- </textarea></xmp> --></option></form><form class="position-relative flex-auto js-user-status-form" action="/users/status?compact=1&amp;link_mentions=1&amp;truncate=0" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="authenticity_token" value="dyUsgBNw0dSTjfoxlA86DL/hldqUYZgkB4UG3wbmbhqywNteavkfSDyhtlFED2DgLGzdiqQixWyjXXZs3ssalA==" />
        <div class="Box-header bg-gray border-bottom p-3">
          <button class="Box-btn-octicon js-toggle-user-status-edit btn-octicon float-right" type="reset" aria-label="Close dialog" data-close-dialog>
            <svg class="octicon octicon-x" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48L7.48 8z"/></svg>
          </button>
          <h3 class="Box-title f5 text-bold text-gray-dark">Edit status</h3>
        </div>
        <input type="hidden" name="emoji" class="js-user-status-emoji-field" value="">
        <input type="hidden" name="organization_id" class="js-user-status-org-id-field" value="">
        <div class="px-3 py-2 text-gray-dark">
          <div class="js-characters-remaining-container position-relative mt-2">
            <div class="input-group d-table form-group my-0 js-user-status-form-group">
              <span class="input-group-button d-table-cell v-align-middle" style="width: 1%">
                <button type="button" aria-label="Choose an emoji" class="btn-outline btn js-toggle-user-status-emoji-picker btn-open-emoji-picker p-0">
                  <span class="js-user-status-original-emoji" hidden></span>
                  <span class="js-user-status-custom-emoji"></span>
                  <span class="js-user-status-no-emoji-icon" >
                    <svg class="octicon octicon-smiley" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm4.81 12.81a6.72 6.72 0 01-2.17 1.45c-.83.36-1.72.53-2.64.53-.92 0-1.81-.17-2.64-.53-.81-.34-1.55-.83-2.17-1.45a6.773 6.773 0 01-1.45-2.17A6.59 6.59 0 011.21 8c0-.92.17-1.81.53-2.64.34-.81.83-1.55 1.45-2.17.62-.62 1.36-1.11 2.17-1.45A6.59 6.59 0 018 1.21c.92 0 1.81.17 2.64.53.81.34 1.55.83 2.17 1.45.62.62 1.11 1.36 1.45 2.17.36.83.53 1.72.53 2.64 0 .92-.17 1.81-.53 2.64-.34.81-.83 1.55-1.45 2.17zM4 6.8v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2H5.2C4.53 8 4 7.47 4 6.8zm5 0v-.59c0-.66.53-1.19 1.2-1.19h.59c.66 0 1.19.53 1.19 1.19v.59c0 .67-.53 1.2-1.19 1.2h-.59C9.53 8 9 7.47 9 6.8zm4 3.2c-.72 1.88-2.91 3-5 3s-4.28-1.13-5-3c-.14-.39.23-1 .66-1h8.59c.41 0 .89.61.75 1z"/></svg>
                  </span>
                </button>
              </span>
              <text-expander keys=": @" data-mention-url="/autocomplete/user-suggestions" data-emoji-url="/autocomplete/emoji">
                <input
                  type="text"
                  autocomplete="off"
                  data-no-org-url="/autocomplete/user-suggestions"
                  data-org-url="/suggestions?mention_suggester=1"
                  data-maxlength="80"
                  class="d-table-cell width-full form-control js-user-status-message-field js-characters-remaining-field"
                  placeholder="What's happening?"
                  name="message"
                  value=""
                  aria-label="What is your current status?">
              </text-expander>
              <div class="error">Could not update your status, please try again.</div>
            </div>
            <div style="margin-left: 53px" class="my-1 text-small label-characters-remaining js-characters-remaining" data-suffix="remaining" hidden>
              80 remaining
            </div>
          </div>
          <include-fragment class="js-user-status-emoji-picker" data-url="/users/status/emoji"></include-fragment>
          <div class="overflow-auto ml-n3 mr-n3 px-3 border-bottom" style="max-height: 33vh">
            <div class="user-status-suggestions js-user-status-suggestions collapsed overflow-hidden">
              <h4 class="f6 text-normal my-3">Suggestions:</h4>
              <div class="mx-3 mt-2 clearfix">
                  <div class="float-left col-6">
                      <button type="button" value=":palm_tree:" class="d-flex flex-items-baseline flex-items-stretch lh-condensed f6 btn-link link-gray no-underline js-predefined-user-status mb-1">
                        <div class="emoji-status-width mr-2 v-align-middle js-predefined-user-status-emoji">
                          <g-emoji alias="palm_tree" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f334.png">🌴</g-emoji>
                        </div>
                        <div class="d-flex flex-items-center no-underline js-predefined-user-status-message ws-normal text-left" style="border-left: 1px solid transparent">
                          On vacation
                        </div>
                      </button>
                      <button type="button" value=":face_with_thermometer:" class="d-flex flex-items-baseline flex-items-stretch lh-condensed f6 btn-link link-gray no-underline js-predefined-user-status mb-1">
                        <div class="emoji-status-width mr-2 v-align-middle js-predefined-user-status-emoji">
                          <g-emoji alias="face_with_thermometer" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f912.png">🤒</g-emoji>
                        </div>
                        <div class="d-flex flex-items-center no-underline js-predefined-user-status-message ws-normal text-left" style="border-left: 1px solid transparent">
                          Out sick
                        </div>
                      </button>
                  </div>
                  <div class="float-left col-6">
                      <button type="button" value=":house:" class="d-flex flex-items-baseline flex-items-stretch lh-condensed f6 btn-link link-gray no-underline js-predefined-user-status mb-1">
                        <div class="emoji-status-width mr-2 v-align-middle js-predefined-user-status-emoji">
                          <g-emoji alias="house" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f3e0.png">🏠</g-emoji>
                        </div>
                        <div class="d-flex flex-items-center no-underline js-predefined-user-status-message ws-normal text-left" style="border-left: 1px solid transparent">
                          Working from home
                        </div>
                      </button>
                      <button type="button" value=":dart:" class="d-flex flex-items-baseline flex-items-stretch lh-condensed f6 btn-link link-gray no-underline js-predefined-user-status mb-1">
                        <div class="emoji-status-width mr-2 v-align-middle js-predefined-user-status-emoji">
                          <g-emoji alias="dart" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f3af.png">🎯</g-emoji>
                        </div>
                        <div class="d-flex flex-items-center no-underline js-predefined-user-status-message ws-normal text-left" style="border-left: 1px solid transparent">
                          Focusing
                        </div>
                      </button>
                  </div>
              </div>
            </div>
            <div class="user-status-limited-availability-container">
              <div class="form-checkbox my-0">
                <input type="checkbox" name="limited_availability" value="1" class="js-user-status-limited-availability-checkbox" data-default-message="I may be slow to respond." aria-describedby="limited-availability-help-text-truncate-false-compact-true" id="limited-availability-truncate-false-compact-true">
                <label class="d-block f5 text-gray-dark mb-1" for="limited-availability-truncate-false-compact-true">
                  Busy
                </label>
                <p class="note" id="limited-availability-help-text-truncate-false-compact-true">
                  When others mention you, assign you, or request your review,
                  GitHub will let them know that you have limited availability.
                </p>
              </div>
            </div>
          </div>
          <div class="d-inline-block f5 mr-2 pt-3 pb-2" >
  <div class="d-inline-block mr-1">
    Clear status
  </div>

  <details class="js-user-status-expire-drop-down f6 dropdown details-reset details-overlay d-inline-block mr-2">
    <summary class="f5 btn-link link-gray-dark border px-2 py-1 rounded-1" aria-haspopup="true">
      <div class="js-user-status-expiration-interval-selected d-inline-block v-align-baseline">
        Never
      </div>
      <div class="dropdown-caret"></div>
    </summary>

    <ul class="dropdown-menu dropdown-menu-se pl-0 overflow-auto" style="width: 220px; max-height: 15.5em">
      <li>
        <button type="button" class="btn-link dropdown-item js-user-status-expire-button ws-normal" title="Never">
          <span class="d-inline-block text-bold mb-1">Never</span>
          <div class="f6 lh-condensed">Keep this status until you clear your status or edit your status.</div>
        </button>
      </li>
      <li class="dropdown-divider" role="none"></li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="in 30 minutes" value="2020-02-10T10:33:09+08:00">
            in 30 minutes
          </button>
        </li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="in 1 hour" value="2020-02-10T11:03:09+08:00">
            in 1 hour
          </button>
        </li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="in 4 hours" value="2020-02-10T14:03:09+08:00">
            in 4 hours
          </button>
        </li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="today" value="2020-02-10T23:59:59+08:00">
            today
          </button>
        </li>
        <li>
          <button type="button" class="btn-link dropdown-item ws-normal js-user-status-expire-button" title="this week" value="2020-02-16T23:59:59+08:00">
            this week
          </button>
        </li>
    </ul>
  </details>
  <input class="js-user-status-expiration-date-input" type="hidden" name="expires_at" value="">
</div>

          <include-fragment class="js-user-status-org-picker" data-url="/users/status/organizations"></include-fragment>
        </div>
        <div class="d-flex flex-items-center flex-justify-between p-3 border-top">
          <button type="submit" disabled class="width-full btn btn-primary mr-2 js-user-status-submit">
            Set status
          </button>
          <button type="button" disabled class="width-full js-clear-user-status-button btn ml-2 ">
            Clear status
          </button>
        </div>
</form>    </details-dialog>
  </details>
</div>

  </div>





    

<!-- '"` --><!-- </textarea></xmp> --></option></form><form hidden="hidden" class="position-relative flex-auto js-profile-editable-form" action="/users/fanyoufu" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="authenticity_token" value="ZOEvNQew3xNWfvS+09TvDLJ7FId8c4Qm/1DbtQOAGnpSa7979ixOsnbYoDRdPZg/QhythYZ04/JzMeTpGd0DPg==" />

  <div class="js-length-limited-input-container">
    <textarea
      class="form-control js-length-limited-input mb-1 width-full js-user-profile-bio-edit"
      name="user[profile_bio]"
      placeholder="Add a bio"
      aria-label="Add a bio"
      rows="3"
      data-input-max-length="160"
      data-warning-text="{{remaining}} remaining"></textarea>
    <div class="d-none js-length-limited-input-warning user-profile-bio-message text-right m-0"></div>
  </div>

  <div class="text-gray-light mt-2 d-flex flex-items-center">
    <svg style="width: 16px;" class="octicon octicon-organization" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M16 12.999c0 .439-.45 1-1 1H7.995c-.539 0-.994-.447-.995-.999H1c-.54 0-1-.561-1-1 0-2.634 3-4 3-4s.229-.409 0-1c-.841-.621-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.442.58 2.5 3c.058 2.41-.159 2.379-1 3-.229.59 0 1 0 1s1.549.711 2.42 2.088C9.196 9.369 10 8.999 10 8.999s.229-.409 0-1c-.841-.62-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.437.581 2.495 3c.059 2.41-.158 2.38-1 3-.229.59 0 1 0 1s3.005 1.366 3.005 4z"/></svg>
    <input class="ml-2 form-control flex-auto input-sm" placeholder="Company" aria-label="Company" name="user[profile_company]" value="@JD">
  </div>

  <div class="text-gray-light mt-2 d-flex flex-items-center">
    <svg style="width: 16px;" class="octicon octicon-location" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M6 0C2.69 0 0 2.5 0 5.5 0 10.02 6 16 6 16s6-5.98 6-10.5C12 2.5 9.31 0 6 0zm0 14.55C4.14 12.52 1 8.44 1 5.5 1 3.02 3.25 1 6 1c1.34 0 2.61.48 3.56 1.36.92.86 1.44 1.97 1.44 3.14 0 2.94-3.14 7.02-5 9.05zM8 5.5c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2 1.11 0 2 .89 2 2z"/></svg>
    <input class="ml-2 form-control flex-auto input-sm" placeholder="Location" aria-label="Location" name="user[profile_location]" value="beijing">
  </div>


  <div class="text-gray-light mt-2 d-flex flex-items-center">
    <svg style="width: 16px;" class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"/></svg>
    <input class="ml-2 form-control flex-auto input-sm" placeholder="Website" aria-label="Website" name="user[profile_blog]" value="">
  </div>

  <div class="my-3">
    <div class="js-profile-editable-error text-red my-3"></div>
    <button type="submit" class="btn btn-sm btn-primary">Save</button>
    <button type="reset" class="btn btn-sm js-profile-editable-cancel">Cancel</button>
  </div>

</form>

<div class="d-none d-md-block">
  

<div class="js-profile-editable-area">
    <div class="hide-sm hide-md">
        <button name="button" type="button" class="btn btn-block mt-2 mb-3 js-profile-editable-edit-button" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;INLINE_EDIT_BUTTON&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="ef7f0217049de17c70a81e6a1c12431594202fc0fc42503ac3fd8a27ae0fb500">Edit profile</button>
    </div>

  <div class="p-note user-profile-bio js-user-profile-bio"></div>

  <ul class="vcard-details mb-3">

        <li itemprop="worksFor" show_title="false" aria-label="Organization: @JD" class="vcard-detail pt-1 css-truncate css-truncate-target"><svg class="octicon octicon-organization" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M16 12.999c0 .439-.45 1-1 1H7.995c-.539 0-.994-.447-.995-.999H1c-.54 0-1-.561-1-1 0-2.634 3-4 3-4s.229-.409 0-1c-.841-.621-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.442.58 2.5 3c.058 2.41-.159 2.379-1 3-.229.59 0 1 0 1s1.549.711 2.42 2.088C9.196 9.369 10 8.999 10 8.999s.229-.409 0-1c-.841-.62-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.437.581 2.495 3c.059 2.41-.158 2.38-1 3-.229.59 0 1 0 1s3.005 1.366 3.005 4z"/></svg>
          <span class="p-org"><div><a class="user-mention" data-hovercard-type="user" data-hovercard-url="/users/jd/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/jd">@jd</a></div></span>
</li>
      <li itemprop="homeLocation" show_title="false" aria-label="Home location: beijing" class="vcard-detail pt-1 css-truncate css-truncate-target"><svg class="octicon octicon-location" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M6 0C2.69 0 0 2.5 0 5.5 0 10.02 6 16 6 16s6-5.98 6-10.5C12 2.5 9.31 0 6 0zm0 14.55C4.14 12.52 1 8.44 1 5.5 1 3.02 3.25 1 6 1c1.34 0 2.61.48 3.56 1.36.92.86 1.44 1.97 1.44 3.14 0 2.94-3.14 7.02-5 9.05zM8 5.5c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2 1.11 0 2 .89 2 2z"/></svg>
        <span class="p-label">beijing</span>
</li>

    
  </ul>

</div>

</div>


    <div class="my-1 js-pro-badge d-none">
        <svg class="octicon octicon-star mr-2 text-gray-light" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"/></svg>
<span class="label bg-purple text-uppercase" >Pro</span>

    </div>







          



      </div>
    </div>
  </div>

  <div class="col-12 d-md-none">
    

<div class="js-profile-editable-area">
    <div class="hide-sm hide-md">
        <button name="button" type="button" class="btn btn-block mt-2 mb-3 js-profile-editable-edit-button" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;INLINE_EDIT_BUTTON&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="ef7f0217049de17c70a81e6a1c12431594202fc0fc42503ac3fd8a27ae0fb500">Edit profile</button>
    </div>

  <div class="p-note user-profile-bio js-user-profile-bio"></div>

  <ul class="vcard-details mb-3">

        <li itemprop="worksFor" show_title="false" aria-label="Organization: @JD" class="vcard-detail pt-1 css-truncate css-truncate-target"><svg class="octicon octicon-organization" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M16 12.999c0 .439-.45 1-1 1H7.995c-.539 0-.994-.447-.995-.999H1c-.54 0-1-.561-1-1 0-2.634 3-4 3-4s.229-.409 0-1c-.841-.621-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.442.58 2.5 3c.058 2.41-.159 2.379-1 3-.229.59 0 1 0 1s1.549.711 2.42 2.088C9.196 9.369 10 8.999 10 8.999s.229-.409 0-1c-.841-.62-1.058-.59-1-3 .058-2.419 1.367-3 2.5-3s2.437.581 2.495 3c.059 2.41-.158 2.38-1 3-.229.59 0 1 0 1s3.005 1.366 3.005 4z"/></svg>
          <span class="p-org"><div><a class="user-mention" data-hovercard-type="user" data-hovercard-url="/users/jd/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/jd">@jd</a></div></span>
</li>
      <li itemprop="homeLocation" show_title="false" aria-label="Home location: beijing" class="vcard-detail pt-1 css-truncate css-truncate-target"><svg class="octicon octicon-location" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M6 0C2.69 0 0 2.5 0 5.5 0 10.02 6 16 6 16s6-5.98 6-10.5C12 2.5 9.31 0 6 0zm0 14.55C4.14 12.52 1 8.44 1 5.5 1 3.02 3.25 1 6 1c1.34 0 2.61.48 3.56 1.36.92.86 1.44 1.97 1.44 3.14 0 2.94-3.14 7.02-5 9.05zM8 5.5c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2 0-1.11.89-2 2-2 1.11 0 2 .89 2 2z"/></svg>
        <span class="p-label">beijing</span>
</li>

    
  </ul>

</div>


  </div>

  <div class="col-lg-9 col-md-8 col-12 float-md-left pl-md-2">


    <div class="UnderlineNav width-full user-profile-nav js-sticky top-0">
      <nav class="UnderlineNav-body" data-pjax aria-label="User profile">
        <a aria-current="page" class="UnderlineNav-item mr-0 mr-md-1 mr-lg-3 selected " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TAB_OVERVIEW&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="bb304afaa80bcbb3a397193b8637e87e6bebdfd819eadbe1d237e97fe102c57f" href="/fanyoufu">
          Overview
</a>
        <a class="UnderlineNav-item mr-0 mr-md-1 mr-lg-3 " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TAB_REPOSITORIES&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="7a39b6485c7e168ae794c2df84d96ef73396e981502f42fe91183b2fc6de4c9d" href="/fanyoufu?tab=repositories">
          Repositories
          <span class="Counter hide-lg hide-md hide-sm">
            79
          </span>
</a>
        <a class="UnderlineNav-item mr-0 mr-md-1 mr-lg-3 " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TAB_PROJECTS&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="2e72aebd73281357195114dea9c269f6eb5d58d62b0f6b64b3330cfeb399fae8" href="/fanyoufu?tab=projects">
          Projects
          <span class="Counter hide-lg hide-md hide-sm">
            0
          </span>
</a>
          <a class="UnderlineNav-item mr-0 mr-md-1 mr-lg-3 " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TAB_PACKAGES&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="8bcfa0508e85d49a024bef3e15ba14d412c868eaff174f3c261319e2b86d2e1f" href="/fanyoufu?tab=packages">
            Packages
            <span class="Counter hide-lg hide-md hide-sm">
              0
            </span>
</a>
        <a class="UnderlineNav-item mr-0 mr-md-1 mr-lg-3 " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TAB_STARS&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="6eb646d42ffe2980ca2c308b73d61bae0a7dee52620b494e3c69a0163e3a54d1" href="/fanyoufu?tab=stars">
          Stars
          <span class="Counter hide-lg hide-md hide-sm">
            56
          </span>
</a>
        <a class="UnderlineNav-item mr-0 mr-md-1 mr-lg-3 " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TAB_FOLLOWERS&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="16f63d9bef0c55d6d491013b0afd762f2374475ef75194b6dedf464a7704a1ec" href="/fanyoufu?tab=followers">
          Followers
          <span class="Counter hide-lg hide-md hide-sm" >
            19
          </span>
</a>
        <a class="UnderlineNav-item mr-0 mr-md-1 mr-lg-3 " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TAB_FOLLOWING&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="ac52519c7c37b50955f6bc25cdf9cf300b88bdbbc0b1052db2e241c646e15edd" href="/fanyoufu?tab=following">
          Following
          <span class="Counter hide-lg hide-md hide-sm" >
            11
          </span>
</a>      </nav>
    </div>

    <div class="position-relative">
        
<div class="mt-4">
  
<div class="js-pinned-items-reorder-container">
    <details class="details-reset details-overlay details-overlay-dark"
      id="choose-pinned-repositories">
      <summary class="btn-link muted-link float-right mt-1 pinned-items-setting-link " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;CUSTOMIZE_PINS_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="dba09afbe1ab62b5ebfb1669c1f3495c163bc874f4d2bc17394a7f058d4d087f">Customize your pins</summary>
      <details-dialog
        class="anim-fade-in fast Box Box--overlay d-flex flex-column"
        src="/users/fanyoufu/pinned_items_modal"
        preload>
        <include-fragment class="octocat-spinner my-3" aria-label="Loading..."></include-fragment>
      </details-dialog>
    </details>
  <h2 class="f4 mb-2 text-normal">
      Popular repositories
    <img src="https://github.githubassets.com/images/spinners/octocat-spinner-32.gif"
         width="13" class="spinner pinned-items-spinner js-pinned-items-spinner" alt="">
    <span class="ml-2 text-gray f6 js-pinned-items-reorder-message"
      role="status" aria-live="polite"
      data-error-text="Something went wrong."
      data-success-text="Order updated."></span>
  </h2>

    
<ol class="d-flex flex-wrap list-style-none gutter-condensed mb-4">
    <li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
      <div class="Box pinned-item-list-item d-flex p-3 width-full public source">
        <div class="pinned-item-list-item-content">
          <div class="d-flex width-full flex-items-center position-relative">
            <a href="/fanyoufu/bigevent" class="text-bold flex-auto min-width-0">
              <span class="repo" title="bigevent">bigevent</span>
            </a>
            
          </div>


          <p class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
            
          </p>

          <p class="mb-0 f6 text-gray">
              <span class="d-inline-block mr-3">
  <span class="repo-language-color" style="background-color: #f1e05a"></span>
  <span itemprop="programmingLanguage">JavaScript</span>
</span>

              <a href="/fanyoufu/bigevent/stargazers" class="pinned-item-meta muted-link ">
                <svg aria-label="stars" class="octicon octicon-star" viewBox="0 0 14 16" version="1.1" width="14" height="16" role="img"><path fill-rule="evenodd" d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"/></svg>
                2
              </a>
              <a href="/fanyoufu/bigevent/network/members" class="pinned-item-meta muted-link ">
                <svg aria-label="forks" class="octicon octicon-repo-forked" viewBox="0 0 10 16" version="1.1" width="10" height="16" role="img"><path fill-rule="evenodd" d="M8 1a1.993 1.993 0 00-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 002 1a1.993 1.993 0 00-1 3.72V6.5l3 3v1.78A1.993 1.993 0 005 15a1.993 1.993 0 001-3.72V9.5l3-3V4.72A1.993 1.993 0 008 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"/></svg>
                2
              </a>
          </p>
        </div>
      </div>
    </li>
    <li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
      <div class="Box pinned-item-list-item d-flex p-3 width-full public source">
        <div class="pinned-item-list-item-content">
          <div class="d-flex width-full flex-items-center position-relative">
            <a href="/fanyoufu/effects" class="text-bold flex-auto min-width-0">
              <span class="repo" title="effects">effects</span>
            </a>
            
          </div>


          <p class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
            
          </p>

          <p class="mb-0 f6 text-gray">
              <span class="d-inline-block mr-3">
  <span class="repo-language-color" style="background-color: #e34c26"></span>
  <span itemprop="programmingLanguage">HTML</span>
</span>

          </p>
        </div>
      </div>
    </li>
    <li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
      <div class="Box pinned-item-list-item d-flex p-3 width-full public fork">
        <div class="pinned-item-list-item-content">
          <div class="d-flex width-full flex-items-center position-relative">
            <a href="/fanyoufu/koa-demos" class="text-bold flex-auto min-width-0">
              <span class="repo" title="koa-demos">koa-demos</span>
            </a>
            
          </div>

            <p class="text-gray text-small mb-2">Forked from <a class="muted-link" href="/ruanyf/koa-demos">ruanyf/koa-demos</a></p>

          <p class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
            A collection of simple demos of Koa
          </p>

          <p class="mb-0 f6 text-gray">
          </p>
        </div>
      </div>
    </li>
    <li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
      <div class="Box pinned-item-list-item d-flex p-3 width-full public fork">
        <div class="pinned-item-list-item-content">
          <div class="d-flex width-full flex-items-center position-relative">
            <a href="/fanyoufu/snake" class="text-bold flex-auto min-width-0">
              <span class="repo" title="snake">snake</span>
            </a>
            
          </div>

            <p class="text-gray text-small mb-2">Forked from <a class="muted-link" href="/leeenx/snake">leeenx/snake</a></p>

          <p class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
            贪吃蛇项目
          </p>

          <p class="mb-0 f6 text-gray">
              <span class="d-inline-block mr-3">
  <span class="repo-language-color" style="background-color: #f1e05a"></span>
  <span itemprop="programmingLanguage">JavaScript</span>
</span>

          </p>
        </div>
      </div>
    </li>
    <li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
      <div class="Box pinned-item-list-item d-flex p-3 width-full public source">
        <div class="pinned-item-list-item-content">
          <div class="d-flex width-full flex-items-center position-relative">
            <a href="/fanyoufu/code" class="text-bold flex-auto min-width-0">
              <span class="repo" title="code">code</span>
            </a>
            
          </div>


          <p class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
            代码片段
          </p>

          <p class="mb-0 f6 text-gray">
              <span class="d-inline-block mr-3">
  <span class="repo-language-color" style="background-color: #f1e05a"></span>
  <span itemprop="programmingLanguage">JavaScript</span>
</span>

          </p>
        </div>
      </div>
    </li>
    <li class="col-12 col-md-6 col-lg-6 mb-3 d-flex flex-content-stretch">
      <div class="Box pinned-item-list-item d-flex p-3 width-full public source">
        <div class="pinned-item-list-item-content">
          <div class="d-flex width-full flex-items-center position-relative">
            <a href="/fanyoufu/snakes" class="text-bold flex-auto min-width-0">
              <span class="repo" title="snakes">snakes</span>
            </a>
            
          </div>


          <p class="pinned-item-desc text-gray text-small d-block mt-2 mb-3">
            不同方法实现的贪吃蛇
          </p>

          <p class="mb-0 f6 text-gray">
              <span class="d-inline-block mr-3">
  <span class="repo-language-color" style="background-color: #f1e05a"></span>
  <span itemprop="programmingLanguage">JavaScript</span>
</span>

          </p>
        </div>
      </div>
    </li>
</ol>

</div>

</div>

<div class="mt-4 position-relative">
    

<div class="js-yearly-contributions">
  
<div class="position-relative">

      
<details class="details-reset details-overlay dropdown float-right mt-1">
  <summary class="pinned-items-setting-link muted-link ">
    Contribution settings
    <div class="dropdown-caret"></div>
  </summary>

  <details-menu class="dropdown-menu dropdown-menu-sw contributions-setting-menu">
    <!-- '"` --><!-- </textarea></xmp> --></option></form><form class="edit_user" action="/users/fanyoufu/set_private_contributions_preference" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="authenticity_token" value="D+yOxSK27oBPeLDq3JwpoE2zo+mHMMPJuAPQFNvMfj6AZ8Dj+sA1nPqmpiypdAtLz7pXrGVOSze6flxlidwBlg==" />
      <input type="hidden" name="return_to" id="return_to" value="profile" class="form-control" />
      <button name="user[show_private_contribution_count]" value="1" type="submit" class="dropdown-item ws-normal btn-link text-left pl-5 " role="menuitem">
        <div class="text-bold">Private contributions</div>
        <span class="f6 mt-1">
            Turning on private contributions will show anonymized
            private activity on your profile.
        </span>
      </button>
</form>    <div role="none" class="dropdown-divider"></div>
    <!-- '"` --><!-- </textarea></xmp> --></option></form><form class="edit_user" action="/users/fanyoufu/set_activity_overview_preference" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="authenticity_token" value="jBWA3oDhxgTb2aJjN8v6H+86pUtqvVcMqHrJiBEdfZNip5q5bDhSW21Ss/Z6auBVTnTuA1la4ZhjjihWttmA/g==" />
      <button type="submit" name="user[activity_overview_enabled]" value="1" class="dropdown-item ws-normal btn-link text-left pl-5 " role="menuitem">
        <div class="d-flex flex-items-center text-bold">
          Activity overview
        </div>
        <span class="f6 mt-1">
            Turning on the activity overview will show an overview of your activity
            across organizations and repositories.
        </span>
      </button>
</form>  </details-menu>
</details>


    <h2 class="f4 text-normal mb-2">
      159 contributions
        in the last year
    </h2>

    <div class="border border-gray-dark py-2 graph-before-activity-overview">
      <div class="js-calendar-graph mx-3 d-flex flex-column flex-items-end flex-xl-items-center overflow-hidden pt-1 is-graph-loading graph-canvas calendar-graph height-full text-center"
          data-graph-url="/users/fanyoufu/contributions?to=2020-02-10"
          data-url="/fanyoufu"
          data-from="2019-02-10 00:00:00 +0800"
          data-to="2020-02-10 23:59:59 +0800"
          data-org="">
        
<svg width="828" height="128" class="js-calendar-graph-svg">
  <g transform="translate(10, 20)" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;CONTRIBUTION_CALENDAR_SQUARE&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="b52703cac2afcf201fdb58c6dfa658ac09ec3c21ecbf6ad119cb5fc061bdf998">
      <g transform="translate(0, 0)">
          <rect class="day" width="12" height="12" x="16" y="0" fill="#ebedf0" data-count="0" data-date="2019-02-10"/>
          <rect class="day" width="12" height="12" x="16" y="15" fill="#ebedf0" data-count="0" data-date="2019-02-11"/>
          <rect class="day" width="12" height="12" x="16" y="30" fill="#ebedf0" data-count="0" data-date="2019-02-12"/>
          <rect class="day" width="12" height="12" x="16" y="45" fill="#ebedf0" data-count="0" data-date="2019-02-13"/>
          <rect class="day" width="12" height="12" x="16" y="60" fill="#ebedf0" data-count="0" data-date="2019-02-14"/>
          <rect class="day" width="12" height="12" x="16" y="75" fill="#ebedf0" data-count="0" data-date="2019-02-15"/>
          <rect class="day" width="12" height="12" x="16" y="90" fill="#ebedf0" data-count="0" data-date="2019-02-16"/>
      </g>
      <g transform="translate(16, 0)">
          <rect class="day" width="12" height="12" x="15" y="0" fill="#ebedf0" data-count="0" data-date="2019-02-17"/>
          <rect class="day" width="12" height="12" x="15" y="15" fill="#c6e48b" data-count="1" data-date="2019-02-18"/>
          <rect class="day" width="12" height="12" x="15" y="30" fill="#ebedf0" data-count="0" data-date="2019-02-19"/>
          <rect class="day" width="12" height="12" x="15" y="45" fill="#ebedf0" data-count="0" data-date="2019-02-20"/>
          <rect class="day" width="12" height="12" x="15" y="60" fill="#ebedf0" data-count="0" data-date="2019-02-21"/>
          <rect class="day" width="12" height="12" x="15" y="75" fill="#ebedf0" data-count="0" data-date="2019-02-22"/>
          <rect class="day" width="12" height="12" x="15" y="90" fill="#ebedf0" data-count="0" data-date="2019-02-23"/>
      </g>
      <g transform="translate(32, 0)">
          <rect class="day" width="12" height="12" x="14" y="0" fill="#ebedf0" data-count="0" data-date="2019-02-24"/>
          <rect class="day" width="12" height="12" x="14" y="15" fill="#ebedf0" data-count="0" data-date="2019-02-25"/>
          <rect class="day" width="12" height="12" x="14" y="30" fill="#7bc96f" data-count="3" data-date="2019-02-26"/>
          <rect class="day" width="12" height="12" x="14" y="45" fill="#ebedf0" data-count="0" data-date="2019-02-27"/>
          <rect class="day" width="12" height="12" x="14" y="60" fill="#c6e48b" data-count="2" data-date="2019-02-28"/>
          <rect class="day" width="12" height="12" x="14" y="75" fill="#c6e48b" data-count="2" data-date="2019-03-01"/>
          <rect class="day" width="12" height="12" x="14" y="90" fill="#ebedf0" data-count="0" data-date="2019-03-02"/>
      </g>
      <g transform="translate(48, 0)">
          <rect class="day" width="12" height="12" x="13" y="0" fill="#7bc96f" data-count="4" data-date="2019-03-03"/>
          <rect class="day" width="12" height="12" x="13" y="15" fill="#239a3b" data-count="5" data-date="2019-03-04"/>
          <rect class="day" width="12" height="12" x="13" y="30" fill="#239a3b" data-count="5" data-date="2019-03-05"/>
          <rect class="day" width="12" height="12" x="13" y="45" fill="#c6e48b" data-count="1" data-date="2019-03-06"/>
          <rect class="day" width="12" height="12" x="13" y="60" fill="#7bc96f" data-count="4" data-date="2019-03-07"/>
          <rect class="day" width="12" height="12" x="13" y="75" fill="#ebedf0" data-count="0" data-date="2019-03-08"/>
          <rect class="day" width="12" height="12" x="13" y="90" fill="#ebedf0" data-count="0" data-date="2019-03-09"/>
      </g>
      <g transform="translate(64, 0)">
          <rect class="day" width="12" height="12" x="12" y="0" fill="#ebedf0" data-count="0" data-date="2019-03-10"/>
          <rect class="day" width="12" height="12" x="12" y="15" fill="#ebedf0" data-count="0" data-date="2019-03-11"/>
          <rect class="day" width="12" height="12" x="12" y="30" fill="#c6e48b" data-count="2" data-date="2019-03-12"/>
          <rect class="day" width="12" height="12" x="12" y="45" fill="#7bc96f" data-count="3" data-date="2019-03-13"/>
          <rect class="day" width="12" height="12" x="12" y="60" fill="#7bc96f" data-count="4" data-date="2019-03-14"/>
          <rect class="day" width="12" height="12" x="12" y="75" fill="#ebedf0" data-count="0" data-date="2019-03-15"/>
          <rect class="day" width="12" height="12" x="12" y="90" fill="#ebedf0" data-count="0" data-date="2019-03-16"/>
      </g>
      <g transform="translate(80, 0)">
          <rect class="day" width="12" height="12" x="11" y="0" fill="#ebedf0" data-count="0" data-date="2019-03-17"/>
          <rect class="day" width="12" height="12" x="11" y="15" fill="#ebedf0" data-count="0" data-date="2019-03-18"/>
          <rect class="day" width="12" height="12" x="11" y="30" fill="#c6e48b" data-count="1" data-date="2019-03-19"/>
          <rect class="day" width="12" height="12" x="11" y="45" fill="#c6e48b" data-count="1" data-date="2019-03-20"/>
          <rect class="day" width="12" height="12" x="11" y="60" fill="#ebedf0" data-count="0" data-date="2019-03-21"/>
          <rect class="day" width="12" height="12" x="11" y="75" fill="#ebedf0" data-count="0" data-date="2019-03-22"/>
          <rect class="day" width="12" height="12" x="11" y="90" fill="#7bc96f" data-count="4" data-date="2019-03-23"/>
      </g>
      <g transform="translate(96, 0)">
          <rect class="day" width="12" height="12" x="10" y="0" fill="#c6e48b" data-count="1" data-date="2019-03-24"/>
          <rect class="day" width="12" height="12" x="10" y="15" fill="#ebedf0" data-count="0" data-date="2019-03-25"/>
          <rect class="day" width="12" height="12" x="10" y="30" fill="#7bc96f" data-count="4" data-date="2019-03-26"/>
          <rect class="day" width="12" height="12" x="10" y="45" fill="#c6e48b" data-count="1" data-date="2019-03-27"/>
          <rect class="day" width="12" height="12" x="10" y="60" fill="#ebedf0" data-count="0" data-date="2019-03-28"/>
          <rect class="day" width="12" height="12" x="10" y="75" fill="#c6e48b" data-count="1" data-date="2019-03-29"/>
          <rect class="day" width="12" height="12" x="10" y="90" fill="#ebedf0" data-count="0" data-date="2019-03-30"/>
      </g>
      <g transform="translate(112, 0)">
          <rect class="day" width="12" height="12" x="9" y="0" fill="#ebedf0" data-count="0" data-date="2019-03-31"/>
          <rect class="day" width="12" height="12" x="9" y="15" fill="#ebedf0" data-count="0" data-date="2019-04-01"/>
          <rect class="day" width="12" height="12" x="9" y="30" fill="#ebedf0" data-count="0" data-date="2019-04-02"/>
          <rect class="day" width="12" height="12" x="9" y="45" fill="#ebedf0" data-count="0" data-date="2019-04-03"/>
          <rect class="day" width="12" height="12" x="9" y="60" fill="#ebedf0" data-count="0" data-date="2019-04-04"/>
          <rect class="day" width="12" height="12" x="9" y="75" fill="#ebedf0" data-count="0" data-date="2019-04-05"/>
          <rect class="day" width="12" height="12" x="9" y="90" fill="#ebedf0" data-count="0" data-date="2019-04-06"/>
      </g>
      <g transform="translate(128, 0)">
          <rect class="day" width="12" height="12" x="8" y="0" fill="#ebedf0" data-count="0" data-date="2019-04-07"/>
          <rect class="day" width="12" height="12" x="8" y="15" fill="#ebedf0" data-count="0" data-date="2019-04-08"/>
          <rect class="day" width="12" height="12" x="8" y="30" fill="#ebedf0" data-count="0" data-date="2019-04-09"/>
          <rect class="day" width="12" height="12" x="8" y="45" fill="#c6e48b" data-count="2" data-date="2019-04-10"/>
          <rect class="day" width="12" height="12" x="8" y="60" fill="#ebedf0" data-count="0" data-date="2019-04-11"/>
          <rect class="day" width="12" height="12" x="8" y="75" fill="#ebedf0" data-count="0" data-date="2019-04-12"/>
          <rect class="day" width="12" height="12" x="8" y="90" fill="#ebedf0" data-count="0" data-date="2019-04-13"/>
      </g>
      <g transform="translate(144, 0)">
          <rect class="day" width="12" height="12" x="7" y="0" fill="#ebedf0" data-count="0" data-date="2019-04-14"/>
          <rect class="day" width="12" height="12" x="7" y="15" fill="#c6e48b" data-count="1" data-date="2019-04-15"/>
          <rect class="day" width="12" height="12" x="7" y="30" fill="#c6e48b" data-count="2" data-date="2019-04-16"/>
          <rect class="day" width="12" height="12" x="7" y="45" fill="#ebedf0" data-count="0" data-date="2019-04-17"/>
          <rect class="day" width="12" height="12" x="7" y="60" fill="#ebedf0" data-count="0" data-date="2019-04-18"/>
          <rect class="day" width="12" height="12" x="7" y="75" fill="#ebedf0" data-count="0" data-date="2019-04-19"/>
          <rect class="day" width="12" height="12" x="7" y="90" fill="#ebedf0" data-count="0" data-date="2019-04-20"/>
      </g>
      <g transform="translate(160, 0)">
          <rect class="day" width="12" height="12" x="6" y="0" fill="#c6e48b" data-count="1" data-date="2019-04-21"/>
          <rect class="day" width="12" height="12" x="6" y="15" fill="#ebedf0" data-count="0" data-date="2019-04-22"/>
          <rect class="day" width="12" height="12" x="6" y="30" fill="#ebedf0" data-count="0" data-date="2019-04-23"/>
          <rect class="day" width="12" height="12" x="6" y="45" fill="#ebedf0" data-count="0" data-date="2019-04-24"/>
          <rect class="day" width="12" height="12" x="6" y="60" fill="#ebedf0" data-count="0" data-date="2019-04-25"/>
          <rect class="day" width="12" height="12" x="6" y="75" fill="#c6e48b" data-count="2" data-date="2019-04-26"/>
          <rect class="day" width="12" height="12" x="6" y="90" fill="#c6e48b" data-count="1" data-date="2019-04-27"/>
      </g>
      <g transform="translate(176, 0)">
          <rect class="day" width="12" height="12" x="5" y="0" fill="#ebedf0" data-count="0" data-date="2019-04-28"/>
          <rect class="day" width="12" height="12" x="5" y="15" fill="#ebedf0" data-count="0" data-date="2019-04-29"/>
          <rect class="day" width="12" height="12" x="5" y="30" fill="#ebedf0" data-count="0" data-date="2019-04-30"/>
          <rect class="day" width="12" height="12" x="5" y="45" fill="#ebedf0" data-count="0" data-date="2019-05-01"/>
          <rect class="day" width="12" height="12" x="5" y="60" fill="#ebedf0" data-count="0" data-date="2019-05-02"/>
          <rect class="day" width="12" height="12" x="5" y="75" fill="#ebedf0" data-count="0" data-date="2019-05-03"/>
          <rect class="day" width="12" height="12" x="5" y="90" fill="#ebedf0" data-count="0" data-date="2019-05-04"/>
      </g>
      <g transform="translate(192, 0)">
          <rect class="day" width="12" height="12" x="4" y="0" fill="#ebedf0" data-count="0" data-date="2019-05-05"/>
          <rect class="day" width="12" height="12" x="4" y="15" fill="#ebedf0" data-count="0" data-date="2019-05-06"/>
          <rect class="day" width="12" height="12" x="4" y="30" fill="#ebedf0" data-count="0" data-date="2019-05-07"/>
          <rect class="day" width="12" height="12" x="4" y="45" fill="#c6e48b" data-count="1" data-date="2019-05-08"/>
          <rect class="day" width="12" height="12" x="4" y="60" fill="#ebedf0" data-count="0" data-date="2019-05-09"/>
          <rect class="day" width="12" height="12" x="4" y="75" fill="#ebedf0" data-count="0" data-date="2019-05-10"/>
          <rect class="day" width="12" height="12" x="4" y="90" fill="#ebedf0" data-count="0" data-date="2019-05-11"/>
      </g>
      <g transform="translate(208, 0)">
          <rect class="day" width="12" height="12" x="3" y="0" fill="#c6e48b" data-count="1" data-date="2019-05-12"/>
          <rect class="day" width="12" height="12" x="3" y="15" fill="#ebedf0" data-count="0" data-date="2019-05-13"/>
          <rect class="day" width="12" height="12" x="3" y="30" fill="#ebedf0" data-count="0" data-date="2019-05-14"/>
          <rect class="day" width="12" height="12" x="3" y="45" fill="#ebedf0" data-count="0" data-date="2019-05-15"/>
          <rect class="day" width="12" height="12" x="3" y="60" fill="#ebedf0" data-count="0" data-date="2019-05-16"/>
          <rect class="day" width="12" height="12" x="3" y="75" fill="#ebedf0" data-count="0" data-date="2019-05-17"/>
          <rect class="day" width="12" height="12" x="3" y="90" fill="#ebedf0" data-count="0" data-date="2019-05-18"/>
      </g>
      <g transform="translate(224, 0)">
          <rect class="day" width="12" height="12" x="2" y="0" fill="#ebedf0" data-count="0" data-date="2019-05-19"/>
          <rect class="day" width="12" height="12" x="2" y="15" fill="#ebedf0" data-count="0" data-date="2019-05-20"/>
          <rect class="day" width="12" height="12" x="2" y="30" fill="#ebedf0" data-count="0" data-date="2019-05-21"/>
          <rect class="day" width="12" height="12" x="2" y="45" fill="#ebedf0" data-count="0" data-date="2019-05-22"/>
          <rect class="day" width="12" height="12" x="2" y="60" fill="#ebedf0" data-count="0" data-date="2019-05-23"/>
          <rect class="day" width="12" height="12" x="2" y="75" fill="#ebedf0" data-count="0" data-date="2019-05-24"/>
          <rect class="day" width="12" height="12" x="2" y="90" fill="#ebedf0" data-count="0" data-date="2019-05-25"/>
      </g>
      <g transform="translate(240, 0)">
          <rect class="day" width="12" height="12" x="1" y="0" fill="#c6e48b" data-count="1" data-date="2019-05-26"/>
          <rect class="day" width="12" height="12" x="1" y="15" fill="#ebedf0" data-count="0" data-date="2019-05-27"/>
          <rect class="day" width="12" height="12" x="1" y="30" fill="#ebedf0" data-count="0" data-date="2019-05-28"/>
          <rect class="day" width="12" height="12" x="1" y="45" fill="#ebedf0" data-count="0" data-date="2019-05-29"/>
          <rect class="day" width="12" height="12" x="1" y="60" fill="#ebedf0" data-count="0" data-date="2019-05-30"/>
          <rect class="day" width="12" height="12" x="1" y="75" fill="#ebedf0" data-count="0" data-date="2019-05-31"/>
          <rect class="day" width="12" height="12" x="1" y="90" fill="#ebedf0" data-count="0" data-date="2019-06-01"/>
      </g>
      <g transform="translate(256, 0)">
          <rect class="day" width="12" height="12" x="0" y="0" fill="#ebedf0" data-count="0" data-date="2019-06-02"/>
          <rect class="day" width="12" height="12" x="0" y="15" fill="#ebedf0" data-count="0" data-date="2019-06-03"/>
          <rect class="day" width="12" height="12" x="0" y="30" fill="#ebedf0" data-count="0" data-date="2019-06-04"/>
          <rect class="day" width="12" height="12" x="0" y="45" fill="#ebedf0" data-count="0" data-date="2019-06-05"/>
          <rect class="day" width="12" height="12" x="0" y="60" fill="#ebedf0" data-count="0" data-date="2019-06-06"/>
          <rect class="day" width="12" height="12" x="0" y="75" fill="#ebedf0" data-count="0" data-date="2019-06-07"/>
          <rect class="day" width="12" height="12" x="0" y="90" fill="#ebedf0" data-count="0" data-date="2019-06-08"/>
      </g>
      <g transform="translate(272, 0)">
          <rect class="day" width="12" height="12" x="-1" y="0" fill="#c6e48b" data-count="1" data-date="2019-06-09"/>
          <rect class="day" width="12" height="12" x="-1" y="15" fill="#ebedf0" data-count="0" data-date="2019-06-10"/>
          <rect class="day" width="12" height="12" x="-1" y="30" fill="#ebedf0" data-count="0" data-date="2019-06-11"/>
          <rect class="day" width="12" height="12" x="-1" y="45" fill="#ebedf0" data-count="0" data-date="2019-06-12"/>
          <rect class="day" width="12" height="12" x="-1" y="60" fill="#ebedf0" data-count="0" data-date="2019-06-13"/>
          <rect class="day" width="12" height="12" x="-1" y="75" fill="#ebedf0" data-count="0" data-date="2019-06-14"/>
          <rect class="day" width="12" height="12" x="-1" y="90" fill="#ebedf0" data-count="0" data-date="2019-06-15"/>
      </g>
      <g transform="translate(288, 0)">
          <rect class="day" width="12" height="12" x="-2" y="0" fill="#ebedf0" data-count="0" data-date="2019-06-16"/>
          <rect class="day" width="12" height="12" x="-2" y="15" fill="#ebedf0" data-count="0" data-date="2019-06-17"/>
          <rect class="day" width="12" height="12" x="-2" y="30" fill="#ebedf0" data-count="0" data-date="2019-06-18"/>
          <rect class="day" width="12" height="12" x="-2" y="45" fill="#ebedf0" data-count="0" data-date="2019-06-19"/>
          <rect class="day" width="12" height="12" x="-2" y="60" fill="#ebedf0" data-count="0" data-date="2019-06-20"/>
          <rect class="day" width="12" height="12" x="-2" y="75" fill="#ebedf0" data-count="0" data-date="2019-06-21"/>
          <rect class="day" width="12" height="12" x="-2" y="90" fill="#ebedf0" data-count="0" data-date="2019-06-22"/>
      </g>
      <g transform="translate(304, 0)">
          <rect class="day" width="12" height="12" x="-3" y="0" fill="#ebedf0" data-count="0" data-date="2019-06-23"/>
          <rect class="day" width="12" height="12" x="-3" y="15" fill="#ebedf0" data-count="0" data-date="2019-06-24"/>
          <rect class="day" width="12" height="12" x="-3" y="30" fill="#ebedf0" data-count="0" data-date="2019-06-25"/>
          <rect class="day" width="12" height="12" x="-3" y="45" fill="#ebedf0" data-count="0" data-date="2019-06-26"/>
          <rect class="day" width="12" height="12" x="-3" y="60" fill="#ebedf0" data-count="0" data-date="2019-06-27"/>
          <rect class="day" width="12" height="12" x="-3" y="75" fill="#ebedf0" data-count="0" data-date="2019-06-28"/>
          <rect class="day" width="12" height="12" x="-3" y="90" fill="#ebedf0" data-count="0" data-date="2019-06-29"/>
      </g>
      <g transform="translate(320, 0)">
          <rect class="day" width="12" height="12" x="-4" y="0" fill="#ebedf0" data-count="0" data-date="2019-06-30"/>
          <rect class="day" width="12" height="12" x="-4" y="15" fill="#c6e48b" data-count="2" data-date="2019-07-01"/>
          <rect class="day" width="12" height="12" x="-4" y="30" fill="#c6e48b" data-count="1" data-date="2019-07-02"/>
          <rect class="day" width="12" height="12" x="-4" y="45" fill="#c6e48b" data-count="2" data-date="2019-07-03"/>
          <rect class="day" width="12" height="12" x="-4" y="60" fill="#ebedf0" data-count="0" data-date="2019-07-04"/>
          <rect class="day" width="12" height="12" x="-4" y="75" fill="#ebedf0" data-count="0" data-date="2019-07-05"/>
          <rect class="day" width="12" height="12" x="-4" y="90" fill="#ebedf0" data-count="0" data-date="2019-07-06"/>
      </g>
      <g transform="translate(336, 0)">
          <rect class="day" width="12" height="12" x="-5" y="0" fill="#ebedf0" data-count="0" data-date="2019-07-07"/>
          <rect class="day" width="12" height="12" x="-5" y="15" fill="#ebedf0" data-count="0" data-date="2019-07-08"/>
          <rect class="day" width="12" height="12" x="-5" y="30" fill="#ebedf0" data-count="0" data-date="2019-07-09"/>
          <rect class="day" width="12" height="12" x="-5" y="45" fill="#ebedf0" data-count="0" data-date="2019-07-10"/>
          <rect class="day" width="12" height="12" x="-5" y="60" fill="#ebedf0" data-count="0" data-date="2019-07-11"/>
          <rect class="day" width="12" height="12" x="-5" y="75" fill="#ebedf0" data-count="0" data-date="2019-07-12"/>
          <rect class="day" width="12" height="12" x="-5" y="90" fill="#ebedf0" data-count="0" data-date="2019-07-13"/>
      </g>
      <g transform="translate(352, 0)">
          <rect class="day" width="12" height="12" x="-6" y="0" fill="#ebedf0" data-count="0" data-date="2019-07-14"/>
          <rect class="day" width="12" height="12" x="-6" y="15" fill="#ebedf0" data-count="0" data-date="2019-07-15"/>
          <rect class="day" width="12" height="12" x="-6" y="30" fill="#ebedf0" data-count="0" data-date="2019-07-16"/>
          <rect class="day" width="12" height="12" x="-6" y="45" fill="#ebedf0" data-count="0" data-date="2019-07-17"/>
          <rect class="day" width="12" height="12" x="-6" y="60" fill="#ebedf0" data-count="0" data-date="2019-07-18"/>
          <rect class="day" width="12" height="12" x="-6" y="75" fill="#ebedf0" data-count="0" data-date="2019-07-19"/>
          <rect class="day" width="12" height="12" x="-6" y="90" fill="#ebedf0" data-count="0" data-date="2019-07-20"/>
      </g>
      <g transform="translate(368, 0)">
          <rect class="day" width="12" height="12" x="-7" y="0" fill="#ebedf0" data-count="0" data-date="2019-07-21"/>
          <rect class="day" width="12" height="12" x="-7" y="15" fill="#ebedf0" data-count="0" data-date="2019-07-22"/>
          <rect class="day" width="12" height="12" x="-7" y="30" fill="#ebedf0" data-count="0" data-date="2019-07-23"/>
          <rect class="day" width="12" height="12" x="-7" y="45" fill="#ebedf0" data-count="0" data-date="2019-07-24"/>
          <rect class="day" width="12" height="12" x="-7" y="60" fill="#ebedf0" data-count="0" data-date="2019-07-25"/>
          <rect class="day" width="12" height="12" x="-7" y="75" fill="#ebedf0" data-count="0" data-date="2019-07-26"/>
          <rect class="day" width="12" height="12" x="-7" y="90" fill="#ebedf0" data-count="0" data-date="2019-07-27"/>
      </g>
      <g transform="translate(384, 0)">
          <rect class="day" width="12" height="12" x="-8" y="0" fill="#ebedf0" data-count="0" data-date="2019-07-28"/>
          <rect class="day" width="12" height="12" x="-8" y="15" fill="#ebedf0" data-count="0" data-date="2019-07-29"/>
          <rect class="day" width="12" height="12" x="-8" y="30" fill="#ebedf0" data-count="0" data-date="2019-07-30"/>
          <rect class="day" width="12" height="12" x="-8" y="45" fill="#ebedf0" data-count="0" data-date="2019-07-31"/>
          <rect class="day" width="12" height="12" x="-8" y="60" fill="#ebedf0" data-count="0" data-date="2019-08-01"/>
          <rect class="day" width="12" height="12" x="-8" y="75" fill="#ebedf0" data-count="0" data-date="2019-08-02"/>
          <rect class="day" width="12" height="12" x="-8" y="90" fill="#ebedf0" data-count="0" data-date="2019-08-03"/>
      </g>
      <g transform="translate(400, 0)">
          <rect class="day" width="12" height="12" x="-9" y="0" fill="#ebedf0" data-count="0" data-date="2019-08-04"/>
          <rect class="day" width="12" height="12" x="-9" y="15" fill="#ebedf0" data-count="0" data-date="2019-08-05"/>
          <rect class="day" width="12" height="12" x="-9" y="30" fill="#ebedf0" data-count="0" data-date="2019-08-06"/>
          <rect class="day" width="12" height="12" x="-9" y="45" fill="#ebedf0" data-count="0" data-date="2019-08-07"/>
          <rect class="day" width="12" height="12" x="-9" y="60" fill="#ebedf0" data-count="0" data-date="2019-08-08"/>
          <rect class="day" width="12" height="12" x="-9" y="75" fill="#ebedf0" data-count="0" data-date="2019-08-09"/>
          <rect class="day" width="12" height="12" x="-9" y="90" fill="#ebedf0" data-count="0" data-date="2019-08-10"/>
      </g>
      <g transform="translate(416, 0)">
          <rect class="day" width="12" height="12" x="-10" y="0" fill="#ebedf0" data-count="0" data-date="2019-08-11"/>
          <rect class="day" width="12" height="12" x="-10" y="15" fill="#ebedf0" data-count="0" data-date="2019-08-12"/>
          <rect class="day" width="12" height="12" x="-10" y="30" fill="#ebedf0" data-count="0" data-date="2019-08-13"/>
          <rect class="day" width="12" height="12" x="-10" y="45" fill="#ebedf0" data-count="0" data-date="2019-08-14"/>
          <rect class="day" width="12" height="12" x="-10" y="60" fill="#ebedf0" data-count="0" data-date="2019-08-15"/>
          <rect class="day" width="12" height="12" x="-10" y="75" fill="#ebedf0" data-count="0" data-date="2019-08-16"/>
          <rect class="day" width="12" height="12" x="-10" y="90" fill="#ebedf0" data-count="0" data-date="2019-08-17"/>
      </g>
      <g transform="translate(432, 0)">
          <rect class="day" width="12" height="12" x="-11" y="0" fill="#ebedf0" data-count="0" data-date="2019-08-18"/>
          <rect class="day" width="12" height="12" x="-11" y="15" fill="#ebedf0" data-count="0" data-date="2019-08-19"/>
          <rect class="day" width="12" height="12" x="-11" y="30" fill="#ebedf0" data-count="0" data-date="2019-08-20"/>
          <rect class="day" width="12" height="12" x="-11" y="45" fill="#ebedf0" data-count="0" data-date="2019-08-21"/>
          <rect class="day" width="12" height="12" x="-11" y="60" fill="#ebedf0" data-count="0" data-date="2019-08-22"/>
          <rect class="day" width="12" height="12" x="-11" y="75" fill="#ebedf0" data-count="0" data-date="2019-08-23"/>
          <rect class="day" width="12" height="12" x="-11" y="90" fill="#ebedf0" data-count="0" data-date="2019-08-24"/>
      </g>
      <g transform="translate(448, 0)">
          <rect class="day" width="12" height="12" x="-12" y="0" fill="#ebedf0" data-count="0" data-date="2019-08-25"/>
          <rect class="day" width="12" height="12" x="-12" y="15" fill="#ebedf0" data-count="0" data-date="2019-08-26"/>
          <rect class="day" width="12" height="12" x="-12" y="30" fill="#ebedf0" data-count="0" data-date="2019-08-27"/>
          <rect class="day" width="12" height="12" x="-12" y="45" fill="#ebedf0" data-count="0" data-date="2019-08-28"/>
          <rect class="day" width="12" height="12" x="-12" y="60" fill="#ebedf0" data-count="0" data-date="2019-08-29"/>
          <rect class="day" width="12" height="12" x="-12" y="75" fill="#ebedf0" data-count="0" data-date="2019-08-30"/>
          <rect class="day" width="12" height="12" x="-12" y="90" fill="#ebedf0" data-count="0" data-date="2019-08-31"/>
      </g>
      <g transform="translate(464, 0)">
          <rect class="day" width="12" height="12" x="-13" y="0" fill="#ebedf0" data-count="0" data-date="2019-09-01"/>
          <rect class="day" width="12" height="12" x="-13" y="15" fill="#ebedf0" data-count="0" data-date="2019-09-02"/>
          <rect class="day" width="12" height="12" x="-13" y="30" fill="#ebedf0" data-count="0" data-date="2019-09-03"/>
          <rect class="day" width="12" height="12" x="-13" y="45" fill="#ebedf0" data-count="0" data-date="2019-09-04"/>
          <rect class="day" width="12" height="12" x="-13" y="60" fill="#ebedf0" data-count="0" data-date="2019-09-05"/>
          <rect class="day" width="12" height="12" x="-13" y="75" fill="#ebedf0" data-count="0" data-date="2019-09-06"/>
          <rect class="day" width="12" height="12" x="-13" y="90" fill="#ebedf0" data-count="0" data-date="2019-09-07"/>
      </g>
      <g transform="translate(480, 0)">
          <rect class="day" width="12" height="12" x="-14" y="0" fill="#ebedf0" data-count="0" data-date="2019-09-08"/>
          <rect class="day" width="12" height="12" x="-14" y="15" fill="#ebedf0" data-count="0" data-date="2019-09-09"/>
          <rect class="day" width="12" height="12" x="-14" y="30" fill="#ebedf0" data-count="0" data-date="2019-09-10"/>
          <rect class="day" width="12" height="12" x="-14" y="45" fill="#ebedf0" data-count="0" data-date="2019-09-11"/>
          <rect class="day" width="12" height="12" x="-14" y="60" fill="#ebedf0" data-count="0" data-date="2019-09-12"/>
          <rect class="day" width="12" height="12" x="-14" y="75" fill="#ebedf0" data-count="0" data-date="2019-09-13"/>
          <rect class="day" width="12" height="12" x="-14" y="90" fill="#ebedf0" data-count="0" data-date="2019-09-14"/>
      </g>
      <g transform="translate(496, 0)">
          <rect class="day" width="12" height="12" x="-15" y="0" fill="#ebedf0" data-count="0" data-date="2019-09-15"/>
          <rect class="day" width="12" height="12" x="-15" y="15" fill="#ebedf0" data-count="0" data-date="2019-09-16"/>
          <rect class="day" width="12" height="12" x="-15" y="30" fill="#ebedf0" data-count="0" data-date="2019-09-17"/>
          <rect class="day" width="12" height="12" x="-15" y="45" fill="#ebedf0" data-count="0" data-date="2019-09-18"/>
          <rect class="day" width="12" height="12" x="-15" y="60" fill="#ebedf0" data-count="0" data-date="2019-09-19"/>
          <rect class="day" width="12" height="12" x="-15" y="75" fill="#239a3b" data-count="5" data-date="2019-09-20"/>
          <rect class="day" width="12" height="12" x="-15" y="90" fill="#7bc96f" data-count="4" data-date="2019-09-21"/>
      </g>
      <g transform="translate(512, 0)">
          <rect class="day" width="12" height="12" x="-16" y="0" fill="#ebedf0" data-count="0" data-date="2019-09-22"/>
          <rect class="day" width="12" height="12" x="-16" y="15" fill="#ebedf0" data-count="0" data-date="2019-09-23"/>
          <rect class="day" width="12" height="12" x="-16" y="30" fill="#ebedf0" data-count="0" data-date="2019-09-24"/>
          <rect class="day" width="12" height="12" x="-16" y="45" fill="#ebedf0" data-count="0" data-date="2019-09-25"/>
          <rect class="day" width="12" height="12" x="-16" y="60" fill="#ebedf0" data-count="0" data-date="2019-09-26"/>
          <rect class="day" width="12" height="12" x="-16" y="75" fill="#ebedf0" data-count="0" data-date="2019-09-27"/>
          <rect class="day" width="12" height="12" x="-16" y="90" fill="#ebedf0" data-count="0" data-date="2019-09-28"/>
      </g>
      <g transform="translate(528, 0)">
          <rect class="day" width="12" height="12" x="-17" y="0" fill="#ebedf0" data-count="0" data-date="2019-09-29"/>
          <rect class="day" width="12" height="12" x="-17" y="15" fill="#ebedf0" data-count="0" data-date="2019-09-30"/>
          <rect class="day" width="12" height="12" x="-17" y="30" fill="#ebedf0" data-count="0" data-date="2019-10-01"/>
          <rect class="day" width="12" height="12" x="-17" y="45" fill="#c6e48b" data-count="2" data-date="2019-10-02"/>
          <rect class="day" width="12" height="12" x="-17" y="60" fill="#ebedf0" data-count="0" data-date="2019-10-03"/>
          <rect class="day" width="12" height="12" x="-17" y="75" fill="#ebedf0" data-count="0" data-date="2019-10-04"/>
          <rect class="day" width="12" height="12" x="-17" y="90" fill="#ebedf0" data-count="0" data-date="2019-10-05"/>
      </g>
      <g transform="translate(544, 0)">
          <rect class="day" width="12" height="12" x="-18" y="0" fill="#ebedf0" data-count="0" data-date="2019-10-06"/>
          <rect class="day" width="12" height="12" x="-18" y="15" fill="#ebedf0" data-count="0" data-date="2019-10-07"/>
          <rect class="day" width="12" height="12" x="-18" y="30" fill="#ebedf0" data-count="0" data-date="2019-10-08"/>
          <rect class="day" width="12" height="12" x="-18" y="45" fill="#ebedf0" data-count="0" data-date="2019-10-09"/>
          <rect class="day" width="12" height="12" x="-18" y="60" fill="#ebedf0" data-count="0" data-date="2019-10-10"/>
          <rect class="day" width="12" height="12" x="-18" y="75" fill="#ebedf0" data-count="0" data-date="2019-10-11"/>
          <rect class="day" width="12" height="12" x="-18" y="90" fill="#ebedf0" data-count="0" data-date="2019-10-12"/>
      </g>
      <g transform="translate(560, 0)">
          <rect class="day" width="12" height="12" x="-19" y="0" fill="#ebedf0" data-count="0" data-date="2019-10-13"/>
          <rect class="day" width="12" height="12" x="-19" y="15" fill="#ebedf0" data-count="0" data-date="2019-10-14"/>
          <rect class="day" width="12" height="12" x="-19" y="30" fill="#ebedf0" data-count="0" data-date="2019-10-15"/>
          <rect class="day" width="12" height="12" x="-19" y="45" fill="#ebedf0" data-count="0" data-date="2019-10-16"/>
          <rect class="day" width="12" height="12" x="-19" y="60" fill="#ebedf0" data-count="0" data-date="2019-10-17"/>
          <rect class="day" width="12" height="12" x="-19" y="75" fill="#ebedf0" data-count="0" data-date="2019-10-18"/>
          <rect class="day" width="12" height="12" x="-19" y="90" fill="#ebedf0" data-count="0" data-date="2019-10-19"/>
      </g>
      <g transform="translate(576, 0)">
          <rect class="day" width="12" height="12" x="-20" y="0" fill="#ebedf0" data-count="0" data-date="2019-10-20"/>
          <rect class="day" width="12" height="12" x="-20" y="15" fill="#ebedf0" data-count="0" data-date="2019-10-21"/>
          <rect class="day" width="12" height="12" x="-20" y="30" fill="#c6e48b" data-count="2" data-date="2019-10-22"/>
          <rect class="day" width="12" height="12" x="-20" y="45" fill="#ebedf0" data-count="0" data-date="2019-10-23"/>
          <rect class="day" width="12" height="12" x="-20" y="60" fill="#c6e48b" data-count="2" data-date="2019-10-24"/>
          <rect class="day" width="12" height="12" x="-20" y="75" fill="#c6e48b" data-count="1" data-date="2019-10-25"/>
          <rect class="day" width="12" height="12" x="-20" y="90" fill="#ebedf0" data-count="0" data-date="2019-10-26"/>
      </g>
      <g transform="translate(592, 0)">
          <rect class="day" width="12" height="12" x="-21" y="0" fill="#ebedf0" data-count="0" data-date="2019-10-27"/>
          <rect class="day" width="12" height="12" x="-21" y="15" fill="#c6e48b" data-count="1" data-date="2019-10-28"/>
          <rect class="day" width="12" height="12" x="-21" y="30" fill="#ebedf0" data-count="0" data-date="2019-10-29"/>
          <rect class="day" width="12" height="12" x="-21" y="45" fill="#ebedf0" data-count="0" data-date="2019-10-30"/>
          <rect class="day" width="12" height="12" x="-21" y="60" fill="#ebedf0" data-count="0" data-date="2019-10-31"/>
          <rect class="day" width="12" height="12" x="-21" y="75" fill="#ebedf0" data-count="0" data-date="2019-11-01"/>
          <rect class="day" width="12" height="12" x="-21" y="90" fill="#c6e48b" data-count="1" data-date="2019-11-02"/>
      </g>
      <g transform="translate(608, 0)">
          <rect class="day" width="12" height="12" x="-22" y="0" fill="#ebedf0" data-count="0" data-date="2019-11-03"/>
          <rect class="day" width="12" height="12" x="-22" y="15" fill="#ebedf0" data-count="0" data-date="2019-11-04"/>
          <rect class="day" width="12" height="12" x="-22" y="30" fill="#ebedf0" data-count="0" data-date="2019-11-05"/>
          <rect class="day" width="12" height="12" x="-22" y="45" fill="#ebedf0" data-count="0" data-date="2019-11-06"/>
          <rect class="day" width="12" height="12" x="-22" y="60" fill="#ebedf0" data-count="0" data-date="2019-11-07"/>
          <rect class="day" width="12" height="12" x="-22" y="75" fill="#ebedf0" data-count="0" data-date="2019-11-08"/>
          <rect class="day" width="12" height="12" x="-22" y="90" fill="#ebedf0" data-count="0" data-date="2019-11-09"/>
      </g>
      <g transform="translate(624, 0)">
          <rect class="day" width="12" height="12" x="-23" y="0" fill="#ebedf0" data-count="0" data-date="2019-11-10"/>
          <rect class="day" width="12" height="12" x="-23" y="15" fill="#ebedf0" data-count="0" data-date="2019-11-11"/>
          <rect class="day" width="12" height="12" x="-23" y="30" fill="#ebedf0" data-count="0" data-date="2019-11-12"/>
          <rect class="day" width="12" height="12" x="-23" y="45" fill="#ebedf0" data-count="0" data-date="2019-11-13"/>
          <rect class="day" width="12" height="12" x="-23" y="60" fill="#ebedf0" data-count="0" data-date="2019-11-14"/>
          <rect class="day" width="12" height="12" x="-23" y="75" fill="#ebedf0" data-count="0" data-date="2019-11-15"/>
          <rect class="day" width="12" height="12" x="-23" y="90" fill="#ebedf0" data-count="0" data-date="2019-11-16"/>
      </g>
      <g transform="translate(640, 0)">
          <rect class="day" width="12" height="12" x="-24" y="0" fill="#ebedf0" data-count="0" data-date="2019-11-17"/>
          <rect class="day" width="12" height="12" x="-24" y="15" fill="#7bc96f" data-count="3" data-date="2019-11-18"/>
          <rect class="day" width="12" height="12" x="-24" y="30" fill="#ebedf0" data-count="0" data-date="2019-11-19"/>
          <rect class="day" width="12" height="12" x="-24" y="45" fill="#ebedf0" data-count="0" data-date="2019-11-20"/>
          <rect class="day" width="12" height="12" x="-24" y="60" fill="#ebedf0" data-count="0" data-date="2019-11-21"/>
          <rect class="day" width="12" height="12" x="-24" y="75" fill="#c6e48b" data-count="1" data-date="2019-11-22"/>
          <rect class="day" width="12" height="12" x="-24" y="90" fill="#c6e48b" data-count="1" data-date="2019-11-23"/>
      </g>
      <g transform="translate(656, 0)">
          <rect class="day" width="12" height="12" x="-25" y="0" fill="#ebedf0" data-count="0" data-date="2019-11-24"/>
          <rect class="day" width="12" height="12" x="-25" y="15" fill="#ebedf0" data-count="0" data-date="2019-11-25"/>
          <rect class="day" width="12" height="12" x="-25" y="30" fill="#ebedf0" data-count="0" data-date="2019-11-26"/>
          <rect class="day" width="12" height="12" x="-25" y="45" fill="#ebedf0" data-count="0" data-date="2019-11-27"/>
          <rect class="day" width="12" height="12" x="-25" y="60" fill="#ebedf0" data-count="0" data-date="2019-11-28"/>
          <rect class="day" width="12" height="12" x="-25" y="75" fill="#ebedf0" data-count="0" data-date="2019-11-29"/>
          <rect class="day" width="12" height="12" x="-25" y="90" fill="#ebedf0" data-count="0" data-date="2019-11-30"/>
      </g>
      <g transform="translate(672, 0)">
          <rect class="day" width="12" height="12" x="-26" y="0" fill="#ebedf0" data-count="0" data-date="2019-12-01"/>
          <rect class="day" width="12" height="12" x="-26" y="15" fill="#ebedf0" data-count="0" data-date="2019-12-02"/>
          <rect class="day" width="12" height="12" x="-26" y="30" fill="#ebedf0" data-count="0" data-date="2019-12-03"/>
          <rect class="day" width="12" height="12" x="-26" y="45" fill="#ebedf0" data-count="0" data-date="2019-12-04"/>
          <rect class="day" width="12" height="12" x="-26" y="60" fill="#ebedf0" data-count="0" data-date="2019-12-05"/>
          <rect class="day" width="12" height="12" x="-26" y="75" fill="#ebedf0" data-count="0" data-date="2019-12-06"/>
          <rect class="day" width="12" height="12" x="-26" y="90" fill="#ebedf0" data-count="0" data-date="2019-12-07"/>
      </g>
      <g transform="translate(688, 0)">
          <rect class="day" width="12" height="12" x="-27" y="0" fill="#ebedf0" data-count="0" data-date="2019-12-08"/>
          <rect class="day" width="12" height="12" x="-27" y="15" fill="#ebedf0" data-count="0" data-date="2019-12-09"/>
          <rect class="day" width="12" height="12" x="-27" y="30" fill="#ebedf0" data-count="0" data-date="2019-12-10"/>
          <rect class="day" width="12" height="12" x="-27" y="45" fill="#239a3b" data-count="5" data-date="2019-12-11"/>
          <rect class="day" width="12" height="12" x="-27" y="60" fill="#196127" data-count="7" data-date="2019-12-12"/>
          <rect class="day" width="12" height="12" x="-27" y="75" fill="#196127" data-count="22" data-date="2019-12-13"/>
          <rect class="day" width="12" height="12" x="-27" y="90" fill="#ebedf0" data-count="0" data-date="2019-12-14"/>
      </g>
      <g transform="translate(704, 0)">
          <rect class="day" width="12" height="12" x="-28" y="0" fill="#ebedf0" data-count="0" data-date="2019-12-15"/>
          <rect class="day" width="12" height="12" x="-28" y="15" fill="#ebedf0" data-count="0" data-date="2019-12-16"/>
          <rect class="day" width="12" height="12" x="-28" y="30" fill="#ebedf0" data-count="0" data-date="2019-12-17"/>
          <rect class="day" width="12" height="12" x="-28" y="45" fill="#ebedf0" data-count="0" data-date="2019-12-18"/>
          <rect class="day" width="12" height="12" x="-28" y="60" fill="#ebedf0" data-count="0" data-date="2019-12-19"/>
          <rect class="day" width="12" height="12" x="-28" y="75" fill="#ebedf0" data-count="0" data-date="2019-12-20"/>
          <rect class="day" width="12" height="12" x="-28" y="90" fill="#ebedf0" data-count="0" data-date="2019-12-21"/>
      </g>
      <g transform="translate(720, 0)">
          <rect class="day" width="12" height="12" x="-29" y="0" fill="#196127" data-count="8" data-date="2019-12-22"/>
          <rect class="day" width="12" height="12" x="-29" y="15" fill="#ebedf0" data-count="0" data-date="2019-12-23"/>
          <rect class="day" width="12" height="12" x="-29" y="30" fill="#ebedf0" data-count="0" data-date="2019-12-24"/>
          <rect class="day" width="12" height="12" x="-29" y="45" fill="#ebedf0" data-count="0" data-date="2019-12-25"/>
          <rect class="day" width="12" height="12" x="-29" y="60" fill="#ebedf0" data-count="0" data-date="2019-12-26"/>
          <rect class="day" width="12" height="12" x="-29" y="75" fill="#ebedf0" data-count="0" data-date="2019-12-27"/>
          <rect class="day" width="12" height="12" x="-29" y="90" fill="#ebedf0" data-count="0" data-date="2019-12-28"/>
      </g>
      <g transform="translate(736, 0)">
          <rect class="day" width="12" height="12" x="-30" y="0" fill="#ebedf0" data-count="0" data-date="2019-12-29"/>
          <rect class="day" width="12" height="12" x="-30" y="15" fill="#ebedf0" data-count="0" data-date="2019-12-30"/>
          <rect class="day" width="12" height="12" x="-30" y="30" fill="#ebedf0" data-count="0" data-date="2019-12-31"/>
          <rect class="day" width="12" height="12" x="-30" y="45" fill="#ebedf0" data-count="0" data-date="2020-01-01"/>
          <rect class="day" width="12" height="12" x="-30" y="60" fill="#ebedf0" data-count="0" data-date="2020-01-02"/>
          <rect class="day" width="12" height="12" x="-30" y="75" fill="#c6e48b" data-count="1" data-date="2020-01-03"/>
          <rect class="day" width="12" height="12" x="-30" y="90" fill="#ebedf0" data-count="0" data-date="2020-01-04"/>
      </g>
      <g transform="translate(752, 0)">
          <rect class="day" width="12" height="12" x="-31" y="0" fill="#ebedf0" data-count="0" data-date="2020-01-05"/>
          <rect class="day" width="12" height="12" x="-31" y="15" fill="#ebedf0" data-count="0" data-date="2020-01-06"/>
          <rect class="day" width="12" height="12" x="-31" y="30" fill="#c6e48b" data-count="1" data-date="2020-01-07"/>
          <rect class="day" width="12" height="12" x="-31" y="45" fill="#c6e48b" data-count="1" data-date="2020-01-08"/>
          <rect class="day" width="12" height="12" x="-31" y="60" fill="#c6e48b" data-count="2" data-date="2020-01-09"/>
          <rect class="day" width="12" height="12" x="-31" y="75" fill="#c6e48b" data-count="1" data-date="2020-01-10"/>
          <rect class="day" width="12" height="12" x="-31" y="90" fill="#ebedf0" data-count="0" data-date="2020-01-11"/>
      </g>
      <g transform="translate(768, 0)">
          <rect class="day" width="12" height="12" x="-32" y="0" fill="#ebedf0" data-count="0" data-date="2020-01-12"/>
          <rect class="day" width="12" height="12" x="-32" y="15" fill="#ebedf0" data-count="0" data-date="2020-01-13"/>
          <rect class="day" width="12" height="12" x="-32" y="30" fill="#ebedf0" data-count="0" data-date="2020-01-14"/>
          <rect class="day" width="12" height="12" x="-32" y="45" fill="#239a3b" data-count="5" data-date="2020-01-15"/>
          <rect class="day" width="12" height="12" x="-32" y="60" fill="#c6e48b" data-count="2" data-date="2020-01-16"/>
          <rect class="day" width="12" height="12" x="-32" y="75" fill="#ebedf0" data-count="0" data-date="2020-01-17"/>
          <rect class="day" width="12" height="12" x="-32" y="90" fill="#ebedf0" data-count="0" data-date="2020-01-18"/>
      </g>
      <g transform="translate(784, 0)">
          <rect class="day" width="12" height="12" x="-33" y="0" fill="#ebedf0" data-count="0" data-date="2020-01-19"/>
          <rect class="day" width="12" height="12" x="-33" y="15" fill="#ebedf0" data-count="0" data-date="2020-01-20"/>
          <rect class="day" width="12" height="12" x="-33" y="30" fill="#ebedf0" data-count="0" data-date="2020-01-21"/>
          <rect class="day" width="12" height="12" x="-33" y="45" fill="#ebedf0" data-count="0" data-date="2020-01-22"/>
          <rect class="day" width="12" height="12" x="-33" y="60" fill="#ebedf0" data-count="0" data-date="2020-01-23"/>
          <rect class="day" width="12" height="12" x="-33" y="75" fill="#ebedf0" data-count="0" data-date="2020-01-24"/>
          <rect class="day" width="12" height="12" x="-33" y="90" fill="#ebedf0" data-count="0" data-date="2020-01-25"/>
      </g>
      <g transform="translate(800, 0)">
          <rect class="day" width="12" height="12" x="-34" y="0" fill="#ebedf0" data-count="0" data-date="2020-01-26"/>
          <rect class="day" width="12" height="12" x="-34" y="15" fill="#ebedf0" data-count="0" data-date="2020-01-27"/>
          <rect class="day" width="12" height="12" x="-34" y="30" fill="#ebedf0" data-count="0" data-date="2020-01-28"/>
          <rect class="day" width="12" height="12" x="-34" y="45" fill="#ebedf0" data-count="0" data-date="2020-01-29"/>
          <rect class="day" width="12" height="12" x="-34" y="60" fill="#ebedf0" data-count="0" data-date="2020-01-30"/>
          <rect class="day" width="12" height="12" x="-34" y="75" fill="#ebedf0" data-count="0" data-date="2020-01-31"/>
          <rect class="day" width="12" height="12" x="-34" y="90" fill="#ebedf0" data-count="0" data-date="2020-02-01"/>
      </g>
      <g transform="translate(816, 0)">
          <rect class="day" width="12" height="12" x="-35" y="0" fill="#c6e48b" data-count="2" data-date="2020-02-02"/>
          <rect class="day" width="12" height="12" x="-35" y="15" fill="#ebedf0" data-count="0" data-date="2020-02-03"/>
          <rect class="day" width="12" height="12" x="-35" y="30" fill="#196127" data-count="9" data-date="2020-02-04"/>
          <rect class="day" width="12" height="12" x="-35" y="45" fill="#ebedf0" data-count="0" data-date="2020-02-05"/>
          <rect class="day" width="12" height="12" x="-35" y="60" fill="#c6e48b" data-count="1" data-date="2020-02-06"/>
          <rect class="day" width="12" height="12" x="-35" y="75" fill="#c6e48b" data-count="2" data-date="2020-02-07"/>
          <rect class="day" width="12" height="12" x="-35" y="90" fill="#ebedf0" data-count="0" data-date="2020-02-08"/>
      </g>
      <g transform="translate(832, 0)">
          <rect class="day" width="12" height="12" x="-36" y="0" fill="#ebedf0" data-count="0" data-date="2020-02-09"/>
          <rect class="day" width="12" height="12" x="-36" y="15" fill="#ebedf0" data-count="0" data-date="2020-02-10"/>
      </g>
      <text x="16" y="-9" class="month">Feb</text>
      <text x="61" y="-9" class="month">Mar</text>
      <text x="136" y="-9" class="month">Apr</text>
      <text x="196" y="-9" class="month">May</text>
      <text x="256" y="-9" class="month">Jun</text>
      <text x="331" y="-9" class="month">Jul</text>
      <text x="391" y="-9" class="month">Aug</text>
      <text x="451" y="-9" class="month">Sep</text>
      <text x="526" y="-9" class="month">Oct</text>
      <text x="586" y="-9" class="month">Nov</text>
      <text x="646" y="-9" class="month">Dec</text>
      <text x="721" y="-9" class="month">Jan</text>
      <text x="781" y="-9" class="month">Feb</text>
    <text text-anchor="start" class="wday" dx="-10" dy="8" style="display: none;">Sun</text>
    <text text-anchor="start" class="wday" dx="-10" dy="25">Mon</text>
    <text text-anchor="start" class="wday" dx="-10" dy="32" style="display: none;">Tue</text>
    <text text-anchor="start" class="wday" dx="-10" dy="56">Wed</text>
    <text text-anchor="start" class="wday" dx="-10" dy="57" style="display: none;">Thu</text>
    <text text-anchor="start" class="wday" dx="-10" dy="85">Fri</text>
    <text text-anchor="start" class="wday" dx="-10" dy="81" style="display: none;">Sat</text>
</g></svg>

      </div>
      <div class="contrib-footer clearfix mt-1 mx-3 px-3 pb-1">
        <div class="float-left text-gray">


          <a href="https://help.github.com/articles/why-are-my-contributions-not-showing-up-on-my-profile" class="">
            Learn how we count contributions</a>.
        </div>
        <div class="contrib-legend text-gray" title="A summary of pull requests, issues opened, and commits to the default and gh-pages branches.">
          Less
          <ul class="legend">
            <li style="background-color: #ebedf0"></li>
              <li style="background-color: #c6e48b"></li>
              <li style="background-color: #7bc96f"></li>
              <li style="background-color: #239a3b"></li>
              <li style="background-color: #196127"></li>
          </ul>
          More
        </div>
      </div>

    </div>
</div>


</div>


  <div id="js-contribution-activity" class="activity-listing contribution-activity" data-pjax-container>
    
    
<div class="d-none d-lg-block">
  <div class="profile-timeline-year-list js-profile-timeline-year-list bg-white js-sticky float-right col-2 pl-5">
    <ul class="filter-list small">
        <li>
          <a id="year-link-2020" class="js-year-link filter-item px-3 mb-2 py-2 selected " aria-label="Contribution activity in 2020" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="70457b54a3fb500a6516af55844f2f2c0a9d2fad5ce1bf271a184b6a979c8ed5" href="/fanyoufu?tab=overview&amp;from=2020-02-01&amp;to=2020-02-10">2020</a>
        </li>
        <li>
          <a id="year-link-2019" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2019" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="70457b54a3fb500a6516af55844f2f2c0a9d2fad5ce1bf271a184b6a979c8ed5" href="/fanyoufu?tab=overview&amp;from=2019-12-01&amp;to=2019-12-31">2019</a>
        </li>
        <li>
          <a id="year-link-2018" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2018" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="70457b54a3fb500a6516af55844f2f2c0a9d2fad5ce1bf271a184b6a979c8ed5" href="/fanyoufu?tab=overview&amp;from=2018-12-01&amp;to=2018-12-31">2018</a>
        </li>
        <li>
          <a id="year-link-2017" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2017" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="70457b54a3fb500a6516af55844f2f2c0a9d2fad5ce1bf271a184b6a979c8ed5" href="/fanyoufu?tab=overview&amp;from=2017-12-01&amp;to=2017-12-31">2017</a>
        </li>
        <li>
          <a id="year-link-2016" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2016" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="70457b54a3fb500a6516af55844f2f2c0a9d2fad5ce1bf271a184b6a979c8ed5" href="/fanyoufu?tab=overview&amp;from=2016-12-01&amp;to=2016-12-31">2016</a>
        </li>
        <li>
          <a id="year-link-2015" class="js-year-link filter-item px-3 mb-2 py-2 " aria-label="Contribution activity in 2015" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;CONTRIBUTION_YEAR_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="70457b54a3fb500a6516af55844f2f2c0a9d2fad5ce1bf271a184b6a979c8ed5" href="/fanyoufu?tab=overview&amp;from=2015-12-01&amp;to=2015-12-31">2015</a>
        </li>
    </ul>
  </div>
</div>


  <h2 class="f4 text-normal mb-2">
    Contribution activity
  </h2>

  
<div class="contribution-activity-listing float-left col-12 col-lg-10">
  <div class="profile-timeline discussion-timeline width-full pb-4">
    <h3 class="profile-timeline-month-heading bg-white d-inline-block h6 pr-2 py-1">
      February <span class="text-gray">2020</span>
    </h3>

    
  <div class="profile-rollup-wrapper py-4 pl-4 position-relative ml-3 js-details-container Details open">
    <span class="discussion-item-icon"><svg class="octicon octicon-repo-push" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M4 3H3V2h1v1zM3 5h1V4H3v1zm4 0L4 9h2v7h2V9h2L7 5zm4-5H1C.45 0 0 .45 0 1v12c0 .55.45 1 1 1h4v-1H1v-2h4v-1H2V1h9.02L11 10H9v1h2v2H9v1h2c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1z"/></svg></span>
    <button type="button" class="btn-link f4 muted-link no-underline lh-condensed width-full js-details-target " aria-expanded="false">
      <span class="float-left ws-normal text-left">
        Created 6
        commits in
        5
        repositories
      </span>
      <span class="d-inline-block float-right">
        <span class="profile-rollup-toggle-closed float-right" aria_label="Collapse" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_CATEGORY_ROLLUP_COLLAPSE&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="78ee6a836a159996c6cedbb916708492ebf6a858ae9d00613098b7ba5045070a"><svg class="octicon octicon-fold" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7 9l3 3H8v3H6v-3H4l3-3zm3-6H8V0H6v3H4l3 3 3-3zm4 2c0-.55-.45-1-1-1h-2.5l-1 1h3l-2 2h-7l-2-2h3l-1-1H1c-.55 0-1 .45-1 1l2.5 2.5L0 10c0 .55.45 1 1 1h2.5l1-1h-3l2-2h7l2 2h-3l1 1H13c.55 0 1-.45 1-1l-2.5-2.5L14 5z"/></svg></span>
        <span class="profile-rollup-toggle-open float-right" aria_label="Expand" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_CATEGORY_ROLLUP_EXPAND&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="4a9efa864e11cabb02387a9fb7cbce0169d2e4ec422c1daf428cbea41eedc500"><svg class="octicon octicon-unfold" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M11.5 7.5L14 10c0 .55-.45 1-1 1H9v-1h3.5l-2-2h-7l-2 2H5v1H1c-.55 0-1-.45-1-1l2.5-2.5L0 5c0-.55.45-1 1-1h4v1H1.5l2 2h7l2-2H9V4h4c.55 0 1 .45 1 1l-2.5 2.5zM6 6h2V3h2L7 0 4 3h2v3zm2 3H6v3H4l3 3 3-3H8V9z"/></svg></span>
      </span>
    </button>
    <ul class="profile-rollup-content list-style-none" data-repository-hovercards-enabled>
      
  <li class="ml-0 py-1">
    <div class="d-inline-block col-8 css-truncate css-truncate-target lh-condensed">
      <a data-hovercard-type="repository" data-hovercard-url="/fanyoufu/demo_bigevent_front/hovercard" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="4725dc8de2c8fce2eee95a89e92e8b0201c2c854eca72638e44ab290546951b9" href="/fanyoufu/demo_bigevent_front">fanyoufu/demo_bigevent_front</a>
      <a class="f6 muted-link ml-lg-1 mt-1 mt-lg-0 d-block d-lg-inline " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_COMMIT_RANGE&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="93ba6b63a50d46413c551eeed2e77c34efede2e4ecf5448b9fc2435dcd02f300" href="/fanyoufu/demo_bigevent_front/commits?author=fanyoufu&amp;since=2020-01-31&amp;until=2020-02-10">
        2 commits
</a>    </div>

    <div class="col-3 d-inline-block float-right">
      <div class="tooltipped tooltipped-n"
           style="width: 34%"
           aria-label="34% of commits in February were made to fanyoufu/demo_bigevent_front ">
        <span class="d-flex anim-grow-x progress-bar mt-1" style="background-color: #7bc96f"></span>
      </div>
    </div>
  </li>
  <li class="ml-0 py-1">
    <div class="d-inline-block col-8 css-truncate css-truncate-target lh-condensed">
      <a data-hovercard-type="repository" data-hovercard-url="/fanyoufu/server94/hovercard" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="4725dc8de2c8fce2eee95a89e92e8b0201c2c854eca72638e44ab290546951b9" href="/fanyoufu/server94">fanyoufu/server94</a>
      <a class="f6 muted-link ml-lg-1 mt-1 mt-lg-0 d-block d-lg-inline " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_COMMIT_RANGE&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="93ba6b63a50d46413c551eeed2e77c34efede2e4ecf5448b9fc2435dcd02f300" href="/fanyoufu/server94/commits?author=fanyoufu&amp;since=2020-01-31&amp;until=2020-02-10">
        1 commit
</a>    </div>

    <div class="col-3 d-inline-block float-right">
      <div class="tooltipped tooltipped-n"
           style="width: 17%"
           aria-label="17% of commits in February were made to fanyoufu/server94 ">
        <span class="d-flex anim-grow-x progress-bar mt-1" style="background-color: #c6e48b"></span>
      </div>
    </div>
  </li>
  <li class="ml-0 py-1">
    <div class="d-inline-block col-8 css-truncate css-truncate-target lh-condensed">
      <a data-hovercard-type="repository" data-hovercard-url="/fanyoufu/demo_bigevent_server/hovercard" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="4725dc8de2c8fce2eee95a89e92e8b0201c2c854eca72638e44ab290546951b9" href="/fanyoufu/demo_bigevent_server">fanyoufu/demo_bigevent_server</a>
      <a class="f6 muted-link ml-lg-1 mt-1 mt-lg-0 d-block d-lg-inline " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_COMMIT_RANGE&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="93ba6b63a50d46413c551eeed2e77c34efede2e4ecf5448b9fc2435dcd02f300" href="/fanyoufu/demo_bigevent_server/commits?author=fanyoufu&amp;since=2020-01-31&amp;until=2020-02-10">
        1 commit
</a>    </div>

    <div class="col-3 d-inline-block float-right">
      <div class="tooltipped tooltipped-n"
           style="width: 17%"
           aria-label="17% of commits in February were made to fanyoufu/demo_bigevent_server ">
        <span class="d-flex anim-grow-x progress-bar mt-1" style="background-color: #c6e48b"></span>
      </div>
    </div>
  </li>
  <li class="ml-0 py-1">
    <div class="d-inline-block col-8 css-truncate css-truncate-target lh-condensed">
      <a data-hovercard-type="repository" data-hovercard-url="/fanyoufu/bigevent_front/hovercard" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="4725dc8de2c8fce2eee95a89e92e8b0201c2c854eca72638e44ab290546951b9" href="/fanyoufu/bigevent_front">fanyoufu/bigevent_front</a>
      <a class="f6 muted-link ml-lg-1 mt-1 mt-lg-0 d-block d-lg-inline " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_COMMIT_RANGE&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="93ba6b63a50d46413c551eeed2e77c34efede2e4ecf5448b9fc2435dcd02f300" href="/fanyoufu/bigevent_front/commits?author=fanyoufu&amp;since=2020-01-31&amp;until=2020-02-10">
        1 commit
</a>    </div>

    <div class="col-3 d-inline-block float-right">
      <div class="tooltipped tooltipped-n"
           style="width: 17%"
           aria-label="17% of commits in February were made to fanyoufu/bigevent_front ">
        <span class="d-flex anim-grow-x progress-bar mt-1" style="background-color: #c6e48b"></span>
      </div>
    </div>
  </li>
  <li class="ml-0 py-1">
    <div class="d-inline-block col-8 css-truncate css-truncate-target lh-condensed">
      <a data-hovercard-type="repository" data-hovercard-url="/fanyoufu/note94/hovercard" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="4725dc8de2c8fce2eee95a89e92e8b0201c2c854eca72638e44ab290546951b9" href="/fanyoufu/note94">fanyoufu/note94</a>
      <a class="f6 muted-link ml-lg-1 mt-1 mt-lg-0 d-block d-lg-inline " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_COMMIT_RANGE&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="93ba6b63a50d46413c551eeed2e77c34efede2e4ecf5448b9fc2435dcd02f300" href="/fanyoufu/note94/commits?author=fanyoufu&amp;since=2020-01-31&amp;until=2020-02-10">
        1 commit
</a>    </div>

    <div class="col-3 d-inline-block float-right">
      <div class="tooltipped tooltipped-n"
           style="width: 17%"
           aria-label="17% of commits in February were made to fanyoufu/note94 ">
        <span class="d-flex anim-grow-x progress-bar mt-1" style="background-color: #c6e48b"></span>
      </div>
    </div>
  </li>

    </ul>
  </div>



    
  <div class="profile-rollup-wrapper py-4 pl-4 position-relative ml-3 js-details-container Details ">
    <span class="discussion-item-icon"><svg class="octicon octicon-repo" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg></span>
    <button type="button" class="btn-link f4 muted-link no-underline lh-condensed width-full js-details-target " aria-expanded="false">
      <span class="float-left ws-normal text-left">
        Created
          7
        
        repositories
      </span>
      <span class="d-inline-block float-right">
        <span class="profile-rollup-toggle-closed float-right" aria_label="Collapse" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_ROLLUP_COLLAPSE&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="8d1afc83b55704b020aeb6d00d3f516104215bc80462d42bc3463a2f1e341a97"><svg class="octicon octicon-fold" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7 9l3 3H8v3H6v-3H4l3-3zm3-6H8V0H6v3H4l3 3 3-3zm4 2c0-.55-.45-1-1-1h-2.5l-1 1h3l-2 2h-7l-2-2h3l-1-1H1c-.55 0-1 .45-1 1l2.5 2.5L0 10c0 .55.45 1 1 1h2.5l1-1h-3l2-2h7l2 2h-3l1 1H13c.55 0 1-.45 1-1l-2.5-2.5L14 5z"/></svg></span>
        <span class="profile-rollup-toggle-open float-right" aria_label="Expand" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_ROLLUP_EXPAND&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="50ed9e0c1d2023c9f9ef69b208666b3e98b014c8487499b52e80a78b9192bfb7"><svg class="octicon octicon-unfold" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M11.5 7.5L14 10c0 .55-.45 1-1 1H9v-1h3.5l-2-2h-7l-2 2H5v1H1c-.55 0-1-.45-1-1l2.5-2.5L0 5c0-.55.45-1 1-1h4v1H1.5l2 2h7l2-2H9V4h4c.55 0 1 .45 1 1l-2.5 2.5zM6 6h2V3h2L7 0 4 3h2v3zm2 3H6v3H4l3 3 3-3H8V9z"/></svg></span>
      </span>
    </button>
    <ul class="profile-rollup-content mt-1" data-repository-hovercards-enabled>
        <li class="d-block mt-1 py-1" >
          <span class="css-truncate css-truncate-target">
            <span class="profile-rollup-icon">
                  <svg class="octicon octicon-repo v-align-middle text-gray-light mr-1" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
            </span>
            <a class="mr-2 " data-hovercard-type="repository" data-hovercard-url="/fanyoufu/server94/hovercard" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="4725dc8de2c8fce2eee95a89e92e8b0201c2c854eca72638e44ab290546951b9" href="/fanyoufu/server94">fanyoufu/server94</a>
          </span>
          <span class="f6 text-gray d-block mt-1 d-lg-inline mt-lg-0">
              <span class="ml-0">
  <span class="repo-language-color" style="background-color: #e34c26"></span>
  <span itemprop="programmingLanguage">HTML</span>
</span>

          </span>
          <time title="This contribution was made on Feb 7"
                class="float-right f6 text-gray-light pt-1">
            Feb 7
          </time>
        </li>
        <li class="d-block mt-1 py-1" >
          <span class="css-truncate css-truncate-target">
            <span class="profile-rollup-icon">
                  <svg class="octicon octicon-repo-forked v-align-middle text-gray-light mr-1" viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8 1a1.993 1.993 0 00-1 3.72V6L5 8 3 6V4.72A1.993 1.993 0 002 1a1.993 1.993 0 00-1 3.72V6.5l3 3v1.78A1.993 1.993 0 005 15a1.993 1.993 0 001-3.72V9.5l3-3V4.72A1.993 1.993 0 008 1zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3 10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm3-10c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"/></svg>
            </span>
            <a class="mr-2 " data-hovercard-type="repository" data-hovercard-url="/fanyoufu/my_blog/hovercard" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="4725dc8de2c8fce2eee95a89e92e8b0201c2c854eca72638e44ab290546951b9" href="/fanyoufu/my_blog">fanyoufu/my_blog</a>
          </span>
          <span class="f6 text-gray d-block mt-1 d-lg-inline mt-lg-0">
              <span class="ml-0">
  <span class="repo-language-color" style="background-color: #e34c26"></span>
  <span itemprop="programmingLanguage">HTML</span>
</span>

          </span>
          <time title="This contribution was made on Feb 6"
                class="float-right f6 text-gray-light pt-1">
            Feb 6
          </time>
        </li>
        <li class="d-block mt-1 py-1" >
          <span class="css-truncate css-truncate-target">
            <span class="profile-rollup-icon">
                  <svg class="octicon octicon-repo v-align-middle text-gray-light mr-1" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
            </span>
            <a class="mr-2 " data-hovercard-type="repository" data-hovercard-url="/fanyoufu/demo_bigevent_server/hovercard" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="4725dc8de2c8fce2eee95a89e92e8b0201c2c854eca72638e44ab290546951b9" href="/fanyoufu/demo_bigevent_server">fanyoufu/demo_bigevent_server</a>
          </span>
          <span class="f6 text-gray d-block mt-1 d-lg-inline mt-lg-0">
              <span class="ml-0">
  <span class="repo-language-color" style="background-color: #f1e05a"></span>
  <span itemprop="programmingLanguage">JavaScript</span>
</span>

          </span>
          <time title="This contribution was made on Feb 4"
                class="float-right f6 text-gray-light pt-1">
            Feb 4
          </time>
        </li>
        <li class="d-block mt-1 py-1" >
          <span class="css-truncate css-truncate-target">
            <span class="profile-rollup-icon">
                  <svg class="octicon octicon-repo v-align-middle text-gray-light mr-1" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
            </span>
            <a class="mr-2 " data-hovercard-type="repository" data-hovercard-url="/fanyoufu/demo_bigevent_front_initcode/hovercard" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="4725dc8de2c8fce2eee95a89e92e8b0201c2c854eca72638e44ab290546951b9" href="/fanyoufu/demo_bigevent_front_initcode">fanyoufu/demo_bigevent_front_initcode</a>
          </span>
          <span class="f6 text-gray d-block mt-1 d-lg-inline mt-lg-0">
              <span class="ml-0">
  <span class="repo-language-color" style="background-color: #f1e05a"></span>
  <span itemprop="programmingLanguage">JavaScript</span>
</span>

          </span>
          <time title="This contribution was made on Feb 4"
                class="float-right f6 text-gray-light pt-1">
            Feb 4
          </time>
        </li>
        <li class="d-block mt-1 py-1" >
          <span class="css-truncate css-truncate-target">
            <span class="profile-rollup-icon">
                  <svg class="octicon octicon-repo v-align-middle text-gray-light mr-1" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
            </span>
            <a class="mr-2 " data-hovercard-type="repository" data-hovercard-url="/fanyoufu/demo_bigevent_front/hovercard" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="4725dc8de2c8fce2eee95a89e92e8b0201c2c854eca72638e44ab290546951b9" href="/fanyoufu/demo_bigevent_front">fanyoufu/demo_bigevent_front</a>
          </span>
          <span class="f6 text-gray d-block mt-1 d-lg-inline mt-lg-0">
              <span class="ml-0">
  <span class="repo-language-color" style="background-color: #f1e05a"></span>
  <span itemprop="programmingLanguage">JavaScript</span>
</span>

          </span>
          <time title="This contribution was made on Feb 4"
                class="float-right f6 text-gray-light pt-1">
            Feb 4
          </time>
        </li>
        <li class="d-block mt-1 py-1" >
          <span class="css-truncate css-truncate-target">
            <span class="profile-rollup-icon">
                  <svg class="octicon octicon-repo v-align-middle text-gray-light mr-1" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
            </span>
            <a class="mr-2 " data-hovercard-type="repository" data-hovercard-url="/fanyoufu/bigevent_front/hovercard" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="4725dc8de2c8fce2eee95a89e92e8b0201c2c854eca72638e44ab290546951b9" href="/fanyoufu/bigevent_front">fanyoufu/bigevent_front</a>
          </span>
          <span class="f6 text-gray d-block mt-1 d-lg-inline mt-lg-0">
          </span>
          <time title="This contribution was made on Feb 4"
                class="float-right f6 text-gray-light pt-1">
            Feb 4
          </time>
        </li>
        <li class="d-block mt-1 py-1" >
          <span class="css-truncate css-truncate-target">
            <span class="profile-rollup-icon">
                  <svg class="octicon octicon-repo v-align-middle text-gray-light mr-1" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
            </span>
            <a class="mr-2 " data-hovercard-type="repository" data-hovercard-url="/fanyoufu/note94/hovercard" data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_REPO_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="4725dc8de2c8fce2eee95a89e92e8b0201c2c854eca72638e44ab290546951b9" href="/fanyoufu/note94">fanyoufu/note94</a>
          </span>
          <span class="f6 text-gray d-block mt-1 d-lg-inline mt-lg-0">
              <span class="ml-0">
  <span class="repo-language-color" style="background-color: #e34c26"></span>
  <span itemprop="programmingLanguage">HTML</span>
</span>

          </span>
          <time title="This contribution was made on Feb 2"
                class="float-right f6 text-gray-light pt-1">
            Feb 2
          </time>
        </li>
    </ul>
  </div>


      
<div class="profile-rollup-wrapper py-4 pl-4 position-relative ml-3" data-repository-hovercards-enabled  data-issue-and-pr-hovercards-enabled >
  <span class="discussion-item-icon timeline-item-icon"><svg class="octicon octicon-flame" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M5.05.31c.81 2.17.41 3.38-.52 4.31C3.55 5.67 1.98 6.45.9 7.98c-1.45 2.05-1.7 6.53 3.53 7.7-2.2-1.16-2.67-4.52-.3-6.61-.61 2.03.53 3.33 1.94 2.86 1.39-.47 2.3.53 2.27 1.67-.02.78-.31 1.44-1.13 1.81 3.42-.59 4.78-3.42 4.78-5.56 0-2.84-2.53-3.22-1.25-5.61-1.52.13-2.03 1.13-1.89 2.75.09 1.08-1.02 1.8-1.86 1.33-.67-.41-.66-1.19-.06-1.78C8.18 5.31 8.68 2.45 5.05.32L5.03.3l.02.01z"/></svg></span>
  <div class="d-flex flex-justify-between flex-items-baseline mb-3">
    <h4 class="text-normal text-gray lh-condensed my-0 pr-3">
      Created a pull request in <a class="link-gray-dark " data-hovercard-type="repository" data-hovercard-url="/fanyoufu/demo_bigevent_front/hovercard" href="/fanyoufu/demo_bigevent_front">fanyoufu/demo_bigevent_front</a> that received 2
      comments
    </h4>
    <a class="f6 text-gray-light muted-link no-wrap " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_DATE_LINK&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="835876a6ecd6ffdb1069d33fe52f3eb4a86af2a48c51914385b12196d523bec1" href="/fanyoufu?tab=overview&amp;from=2020-02-01&amp;to=2020-02-29">
      <time class="no-wrap">Feb 4</time>
</a>  </div>

  <div class="profile-timeline-card bg-white border border-gray-dark rounded-1 p-3">
      <svg class="octicon octicon-git-pull-request closed d-inline-block mt-1 float-left" title="Closed" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M11 11.28V5c-.03-.78-.34-1.47-.94-2.06C9.46 2.35 8.78 2.03 8 2H7V0L4 3l3 3V4h1c.27.02.48.11.69.31.21.2.3.42.31.69v6.28A1.993 1.993 0 0010 15a1.993 1.993 0 001-3.72zm-1 2.92c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zM4 3c0-1.11-.89-2-2-2a1.993 1.993 0 00-1 3.72v6.56A1.993 1.993 0 002 15a1.993 1.993 0 001-3.72V4.72c.59-.34 1-.98 1-1.72zm-.8 10c0 .66-.55 1.2-1.2 1.2-.65 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2zM2 4.2C1.34 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"/></svg>
    <div class="ml-4">
      <h3 class="lh-condensed my-0">
        <a class="text-gray-dark " data-hovercard-type="pull_request" data-hovercard-url="/fanyoufu/demo_bigevent_front/pull/1/hovercard" href="/fanyoufu/demo_bigevent_front/pull/1">以article_category.html为例用requirejs优化代码</a>
      </h3>

        <div class="text-gray mb-0 mt-2 ">
          <p></p>
        </div>

      <div class="f6 text-gray mt-2">
          <span class="diffstat position-relative float-left" style="top: 0">
            <span class="text-green">
              +568
            </span>
            <span class="text-red">
              −330
            </span>
            <span class="tooltipped tooltipped-s" aria-label="898 lines changed">
              <span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-added"></span><span class="diffstat-block-deleted"></span><span class="diffstat-block-neutral"></span>
            </span>
            <span class="text-gray-light mx-1">&#8226;</span>
          </span>
        2
        comments
      </div>
    </div>
  </div>
</div>



    


    




    


    





    

  </div>
</div>


<!-- '"` --><!-- </textarea></xmp> --></option></form><form class="ajax-pagination-form js-ajax-pagination js-show-more-timeline-form col-lg-10 col-12" data-title="fanyoufu (fanyoufu) / January 2020" data-year="2020" data-url="/fanyoufu?tab=overview&amp;from=2020-01-01&amp;to=2020-01-31" data-from="2020-02-01" data-to="2020-02-10" action="/fanyoufu?tab=overview&amp;from=2020-01-01&amp;to=2020-01-31&amp;include_header=no" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="&#x2713;" />

    <img class="contribution-activity-spinner col-10 next" alt="" src="https://github.githubassets.com/images/spinners/octocat-spinner-128.gif" />

    <button name="button" type="submit" class="ajax-pagination-btn btn btn-outline border-gray-dark width-full f6 mt-0 py-2 contribution-activity-show-more " data-hydro-click="{&quot;event_type&quot;:&quot;user_profile.click&quot;,&quot;payload&quot;:{&quot;profile_user_id&quot;:12369518,&quot;target&quot;:&quot;TIMELINE_SHOW_MORE&quot;,&quot;user_id&quot;:12369518,&quot;originating_url&quot;:&quot;https://github.com/fanyoufu&quot;}}" data-hydro-click-hmac="9e7967989b7deee36e9eaaf1b3ff4b168996954b6b2b13c2275cc03567c9e42a" data-disable-with="Loading...">Show more activity</button>

  <p class="text-gray f6 mt-4">
    Seeing something unexpected? Take a look at the
    <a href="https://help.github.com/categories/setting-up-and-managing-your-github-profile">GitHub profile guide</a>.
  </p>
</form>


  </div>

</div>

  <div id="pinned-items-modal-wrapper"></div>

    </div>
  </div>
</div>

      </main>
  </div>

        
<div class="footer container-xl width-full p-responsive" role="contentinfo">
  <div class="position-relative d-flex flex-row-reverse flex-lg-row flex-wrap flex-lg-nowrap flex-justify-center flex-lg-justify-between pt-6 pb-2 mt-6 f6 text-gray border-top border-gray-light ">
    <ul class="list-style-none d-flex flex-wrap col-12 col-lg-5 flex-justify-center flex-lg-justify-between mb-2 mb-lg-0">
      <li class="mr-3 mr-lg-0">&copy; 2020 GitHub, Inc.</li>
        <li class="mr-3 mr-lg-0"><a data-ga-click="Footer, go to terms, text:terms" href="https://github.com/site/terms">Terms</a></li>
        <li class="mr-3 mr-lg-0"><a data-ga-click="Footer, go to privacy, text:privacy" href="https://github.com/site/privacy">Privacy</a></li>
        <li class="mr-3 mr-lg-0"><a data-ga-click="Footer, go to security, text:security" href="https://github.com/security">Security</a></li>
        <li class="mr-3 mr-lg-0"><a href="https://githubstatus.com/" data-ga-click="Footer, go to status, text:status">Status</a></li>
        <li><a data-ga-click="Footer, go to help, text:help" href="https://help.github.com">Help</a></li>
    </ul>

    <a aria-label="Homepage" title="GitHub" class="footer-octicon d-none d-lg-block mx-lg-4" href="https://github.com">
      <svg height="24" class="octicon octicon-mark-github" viewBox="0 0 16 16" version="1.1" width="24" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>
</a>
   <ul class="list-style-none d-flex flex-wrap col-12 col-lg-5 flex-justify-center flex-lg-justify-between mb-2 mb-lg-0">
        <li class="mr-3 mr-lg-0"><a data-ga-click="Footer, go to contact, text:contact" href="https://github.com/contact">Contact GitHub</a></li>
        <li class="mr-3 mr-lg-0"><a href="https://github.com/pricing" data-ga-click="Footer, go to Pricing, text:Pricing">Pricing</a></li>
      <li class="mr-3 mr-lg-0"><a href="https://developer.github.com" data-ga-click="Footer, go to api, text:api">API</a></li>
      <li class="mr-3 mr-lg-0"><a href="https://training.github.com" data-ga-click="Footer, go to training, text:training">Training</a></li>
        <li class="mr-3 mr-lg-0"><a href="https://github.blog" data-ga-click="Footer, go to blog, text:blog">Blog</a></li>
        <li><a data-ga-click="Footer, go to about, text:about" href="https://github.com/about">About</a></li>

    </ul>
  </div>
  <div class="d-flex flex-justify-center pb-6">
    <span class="f6 text-gray-light"></span>
  </div>
</div>



  <div id="ajax-error-message" class="ajax-error-message flash flash-error">
    <svg class="octicon octicon-alert" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 000 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 00.01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"/></svg>
    <button type="button" class="flash-close js-ajax-error-dismiss" aria-label="Dismiss error">
      <svg class="octicon octicon-x" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48L7.48 8z"/></svg>
    </button>
    You can’t perform that action at this time.
  </div>


    <script crossorigin="anonymous" async="async" integrity="sha512-0ME9ftiuUHsYYdeBdLtPHbeL4j0UjTAy9YxHpX0AaZLPPex/JTS5mmHozk8Bnp2czMkd3FmK8DfVID7zxmD5OA==" type="application/javascript" id="js-conditional-compat" data-src="https://github.githubassets.com/assets/compat-bootstrap-d0c13d7e.js"></script>
    <script crossorigin="anonymous" integrity="sha512-xN7u+wFvmA2iBF190m6LvpV6d1rgQykFeMF5E2GQq3Xm2dkb9VJw2HG8/NLVOqGF3sM72rAEhOr7D+7ZsVQ5eQ==" type="application/javascript" src="https://github.githubassets.com/assets/frameworks-c4deeefb.js"></script>
    
    <script crossorigin="anonymous" async="async" integrity="sha512-FiqT2cE79+8dOYbULC4udq4hQNEWINU+fyjF2FEHXYT5Yna9OB6WxcUyHtG3CU7ai+eWQwM0JAUOTzTUJ4gihg==" type="application/javascript" src="https://github.githubassets.com/assets/github-bootstrap-162a93d9.js"></script>
    
    
    
  <div class="js-stale-session-flash flash flash-warn flash-banner" hidden
    >
    <svg class="octicon octicon-alert" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 000 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 00.01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"/></svg>
    <span class="js-stale-session-flash-signed-in" hidden>You signed in with another tab or window. <a href="">Reload</a> to refresh your session.</span>
    <span class="js-stale-session-flash-signed-out" hidden>You signed out in another tab or window. <a href="">Reload</a> to refresh your session.</span>
  </div>
  <template id="site-details-dialog">
  <details class="details-reset details-overlay details-overlay-dark lh-default text-gray-dark hx_rsm" open>
    <summary role="button" aria-label="Close dialog"></summary>
    <details-dialog class="Box Box--overlay d-flex flex-column anim-fade-in fast hx_rsm-dialog hx_rsm-modal">
      <button class="Box-btn-octicon m-0 btn-octicon position-absolute right-0 top-0" type="button" aria-label="Close dialog" data-close-dialog>
        <svg class="octicon octicon-x" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M7.48 8l3.75 3.75-1.48 1.48L6 9.48l-3.75 3.75-1.48-1.48L4.52 8 .77 4.25l1.48-1.48L6 6.52l3.75-3.75 1.48 1.48L7.48 8z"/></svg>
      </button>
      <div class="octocat-spinner my-6 js-details-dialog-spinner"></div>
    </details-dialog>
  </details>
</template>

  <div class="Popover js-hovercard-content position-absolute" style="display: none; outline: none;" tabindex="0">
  <div class="Popover-message Popover-message--bottom-left Popover-message--large Box box-shadow-large" style="width:360px;">
  </div>
</div>

    
  <div class="js-notification-shelf-not-found-error" hidden></div>

  <div aria-live="polite" class="js-global-screen-reader-notice sr-only"></div>

  </body>
</html>
